关于SetInterval的注意事项

最新推荐文章于 2022-05-05 09:52:36 发布

Acettest

最新推荐文章于 2022-05-05 09:52:36 发布

阅读量1k

点赞数

CC 4.0 BY-SA版权

分类专栏： js

本文链接：https://blog.youkuaiyun.com/u010178308/article/details/79866170

js 专栏收录该内容

1 篇文章

订阅专栏

本文介绍了一个使用JavaScript SetInterval实现倒计时功能的例子。通过设置一个每秒递减的计数器，当计数器归零时，停止定时器并使按钮重新可用。文章展示了如何通过控制变量的作用域及在条件达成时返回来停掉定时器。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1.第一个参数必须是一个方法且必须加引号，否则只会执行一次

2.SetInterval只能在方法外使用

        var countDo = 10;
        var intervelid;//1.通过控制变量的作用域来停掉定时器
        function countDown() {
            var item = document.getElementById("aggbtn");     
            var subitem = document.getElementById("submitbtn");
            subitem.disabled = true;
            item.value = countDo;
            if (countDo === 0) {
                item.value = "同意并继续";
                subitem.disabled = false;
                clearInterval(intervelid);
                //return;//2.通过时间到点直接return来停掉定时器
            }
            countDo = countDo - 1;
            //alert("hello");
        }

        intervelid = setInterval("countDown()", 1000);