cocos creator基于typeScript的倒计时5小时 时间格式是时分秒
时间: 2023-09-04 19:09:33 浏览: 226
你可以通过以下代码实现一个基于 TypeScript 的倒计时,时间格式为时分秒:
```typescript
// 定义倒计时时间
const countdownTime = 5 * 60 * 60; // 5小时,单位为秒
// 格式化时间为时分秒格式
function formatTime(time: number): string {
const hours = Math.floor(time / 3600);
const minutes = Math.floor((time % 3600) / 60);
const seconds = Math.floor(time % 60);
const formattedTime = `${hours.toString().padStart(2, '0')}:${minutes.toString().padStart(2, '0')}:${seconds.toString().padStart(2, '0')}`;
return formattedTime;
}
// 获取倒计时元素
const countdownElement = document.getElementById('countdown');
// 倒计时函数
function countdown() {
const remainingTime = countdownTime - Math.floor(Date.now() / 1000);
if (remainingTime <= 0) {
clearInterval(countdownInterval);
countdownElement.textContent = '倒计时结束';
} else {
const formattedTime = formatTime(remainingTime);
countdownElement.textContent = `倒计时:${formattedTime}`;
}
}
// 每秒更新倒计时
const countdownInterval = setInterval(countdown, 1000);
```
在上述代码中,我们首先定义了倒计时时间 `countdownTime`,然后定义了一个 `formatTime` 函数,用于将时间格式化为时分秒格式。接着获取了倒计时元素 `countdownElement`,并编写了一个 `countdown` 函数,用于每秒更新倒计时。最后使用 `setInterval` 函数每秒执行一次 `countdown` 函数,实现了倒计时功能。
阅读全文