cocos creator基于typeScript的倒计时 倒计时为5小时
时间: 2023-09-04 20:11:02 浏览: 219
typeScript倒计时5分钟
可以参考以下代码实现:
```typescript
const {ccclass, property} = cc._decorator;
@ccclass
export default class CountDown extends cc.Component {
@property(cc.Label)
label: cc.Label = null;
totalTime: number = 5 * 60 * 60; // 倒计时总时间,单位为秒
currentCountDown: number = 0; // 当前倒计时,单位为秒
start () {
this.currentCountDown = this.totalTime;
this.schedule(this.updateCountDown, 1);
}
updateCountDown() {
if (this.currentCountDown > 0) {
this.currentCountDown--;
let hour = Math.floor(this.currentCountDown / 3600);
let minute = Math.floor((this.currentCountDown - hour * 3600) / 60);
let second = this.currentCountDown % 60;
this.label.string = `倒计时 ${hour}:${minute}:${second}`;
} else {
this.unschedule(this.updateCountDown);
this.label.string = '倒计时已结束';
}
}
}
```
在这个代码中,我们定义了一个 `CountDown` 类,其中 `totalTime` 表示倒计时总时间,`currentCountDown` 表示当前倒计时时间;`updateCountDown` 方法用来更新倒计时,并且在倒计时结束后停止计时。在 `start` 方法中,我们初始化了当前倒计时时间,并且使用 `schedule` 方法每秒钟调用一次 `updateCountDown` 方法,从而实现倒计时的功能。最后,我们使用 `cc.Label` 来显示倒计时的时间。
在 `Cocos Creator` 中,我们可以将这个 `CountDown` 类挂载在一个 `Canvas` 节点下,并且设置一个 `Label` 组件来显示倒计时的时间。
阅读全文