使用settimeout和clearTimeout函数编写一个倒数十秒的程序且显示倒数的秒数并在倒数结束时显示倒数结束的文字
时间: 2024-09-11 20:16:19 浏览: 56
JS中setTimeout()的用法详解
使用`setTimeout`和`clearTimeout`函数编写一个倒数十秒的程序,你可以使用JavaScript语言来实现这个功能。下面是一个简单的示例代码,它会从十秒开始倒数,每秒更新一次显示的秒数,并在倒数结束时显示一条结束的文字。
```javascript
// 初始倒数时间(秒)
let countDownTime = 10;
// 更新倒数的函数
function updateCountdown() {
// 显示当前的倒数秒数
console.log(countDownTime);
// 将倒数时间减1
countDownTime--;
// 如果倒数时间大于0,继续倒数
if (countDownTime > 0) {
// 设置下一次倒数的定时器
let timer = setTimeout(updateCountdown, 1000);
} else {
// 倒数时间到0,显示倒数结束的文字
console.log("倒数结束!");
}
}
// 开始倒数,首先执行一次updateCountdown函数,然后每秒更新一次
updateCountdown();
```
在这个示例中,`updateCountdown`函数会首先输出当前的倒数时间,然后递减`countDownTime`变量的值。如果`countDownTime`大于0,函数会调用`setTimeout`设置一个定时器,每过1000毫秒(即1秒)重新调用`updateCountdown`函数。当`countDownTime`减到0时,输出倒数结束的文字,并且因为不再重新设置定时器,倒数过程结束。
阅读全文