基于TypeScript的Cocos Creator倒计时代码
时间: 2023-12-29 18:01:45 浏览: 76
以下是基于 TypeScript 的 Cocos Creator 倒计时代码示例:
```typescript
const {ccclass, property} = cc._decorator;
@ccclass
export default class Countdown extends cc.Component {
@property(cc.Label)
label: cc.Label = null;
@property
duration: number = 60; // 倒计时时长
private remainingTime: number = 0; // 剩余时间
private timer: number = null; // 计时器
start() {
this.startCountdown();
}
private startCountdown() {
this.remainingTime = this.duration;
this.updateLabel();
this.timer = setInterval(() => {
this.remainingTime--;
if (this.remainingTime < 0) {
this.remainingTime = 0;
clearInterval(this.timer);
this.timer = null;
// 倒计时结束后执行的操作
console.log("倒计时结束!");
}
this.updateLabel();
}, 1000);
}
private updateLabel() {
this.label.string = `剩余时间:${this.remainingTime}秒`;
}
}
```
在组件上挂载 Label 组件,并将 Countdown 组件的 label 属性设置为该 Label 组件。
使用时,可以通过设置 Countdown 组件的 duration 属性来指定倒计时的时长,然后在 startCountdown 方法中启动计时器,并在计时器回调函数中更新剩余时间,直到倒计时结束为止。在倒计时结束后,可以执行相应的操作,例如弹出提示框或发送请求等。
阅读全文