Javascript实例之如何实现时间倒计时？

P粉316611707: 2023-09-15 20浏览

以下是一个JavaScript的实例，实现一个倒计时计时器：

// 倒计时时间（单位：秒）
var countDownTime = 60;

// 倒计时开始
var countDown = setInterval(function() {
    // 更新倒计时时间
    countDownTime--;
    
    // 输出倒计时时间
    console.log(countDownTime + "秒");
    
    // 如果倒计时时间变为0，则停止倒计时
    if (countDownTime <= 0) {
        clearInterval(countDown);
        console.log("倒计时结束！");
    }
}, 1000);

在上面的代码中，我们首先定义了一个变量countDownTime，表示倒计时的总时间（单位：秒）。然后，我们使用setInterval函数创建一个定时器，每隔1秒执行一次回调函数。在回调函数中，我们首先更新倒计时时间，然后输出倒计时时间。如果倒计时时间变为0，则停止倒计时并输出“倒计时结束！”。

需要注意的是，在JavaScript中，setInterval和clearInterval函数需要先引入window对象才能使用。如果你使用的是浏览器的JavaScript环境，可以直接使用这些函数；如果你使用的是Node.js环境，需要先引入window对象。

提问点赞

php中文网免责声明：以上内容除特别注明外均来源于网友提问，php中文网回答，权益归原著者所有；

Javascript实例之如何实现时间倒计时？

热门问题