js实现10秒倒计时执行
时间: 2024-01-21 21:02:05 浏览: 33
可以使用setTimeout函数来实现10秒倒计时的功能,代码如下:
```javascript
let count = 10;
console.log(count);
let timer = setInterval(function() {
count--;
console.log(count);
if (count === 0) {
clearInterval(timer);
console.log("倒计时结束!");
}
}, 1000);
```
通过设置一个计数器变量count为10,然后使用setInterval函数每一秒减少计数器的值并输出到控制台,如果计数器的值等于0,则清除定时器并输出“倒计时结束!”。
相关问题
js实现半个小时倒计时执行
可以使用JavaScript的定时器setInterval()实现倒计时,代码如下:
```javascript
var countDownDate = new Date().getTime() + 30 * 60 * 1000; // 半小时后的时间戳
var x = setInterval(function() {
var now = new Date().getTime(); // 获取当前时间戳
var distance = countDownDate - now; // 计算时间差
// 计算剩余时间,分别为小时、分钟、秒
var hours = Math.floor((distance % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60));
var minutes = Math.floor((distance % (1000 * 60 * 60)) / (1000 * 60));
var seconds = Math.floor((distance % (1000 * 60)) / 1000);
// 在页面上显示剩余时间
document.getElementById("countdown").innerHTML = hours + "h " + minutes + "m " + seconds + "s ";
// 当倒计时结束时,清除定时器并执行相应操作
if (distance < 0) {
clearInterval(x);
document.getElementById("countdown").innerHTML = "EXPIRED";
//TODO: 在这里执行相应的操作
}
}, 1000); // 每秒钟执行一次
```
在上面的代码中,我们首先获取了半小时后的时间戳,然后在定时器中每秒钟更新剩余时间并在页面上显示,当时间差小于零时,清除定时器并执行相应操作。你可以将TODO注释替换成你需要执行的代码。同时,你需要在页面上添加一个元素,如下:
```html
<div id="countdown"></div>
```
这个元素将用于显示倒计时。
js实现倒计时60秒
可以使用 JavaScript 的 setInterval() 函数来实现倒计时 60 秒。
示例代码:
```
var count = 60;
var counter = setInterval(timer, 1000); //1000 will run it every 1 second
function timer() {
count = count - 1;
if (count <= 0) {
clearInterval(counter);
//counter ended, do something here
return;
}
document.getElementById("timer").innerHTML=count + " secs"; // watch for spelling
}
```
上面代码中,setInterval() 函数每隔 1 秒(1000 毫秒)就会调用一次 timer() 函数,在 timer() 函数中会将 count 值减 1,并将结果显示在页面上的一个元素中。当 count 值为 0 时,会清除计时器并执行其他操作。