关于setTimeout与SetInterval定时器

最新推荐文章于 2021-11-17 11:01:17 发布

swatch17

最新推荐文章于 2021-11-17 11:01:17 发布

阅读量218

点赞数

分类专栏： JavaScript 文章标签： javascript

本文链接：https://blog.csdn.net/swatch17/article/details/78567819

版权

JavaScript 专栏收录该内容

5 篇文章 0 订阅

订阅专栏

使用setTimeout和setInterval作为计时器

在使用setTimeout和setInterval作为定时器时，如果定时器的方法被调用多次，

此时的定时器会被加倍执行，速度变快，为避免这一现象应在每一次调用计时器前清除计时器；停用时将计时器的起始重新置0

<body>
    <p id="currentTime"></p>
    <button id="btn1">start</button>
    <button id="btn2">stop</button>
    <script>
    var btn1 = document.getElementById('btn1');
    var btn2 = document.getElementById('btn2');
    var T=document.getElementById('currentTime');
    var time=null;
    var n=0;
    function t(){
        ++n;
        T.innerHTML=n
    }

   btn1.onclick=function(){
        clearInterval(time);
    time= setInterval(t,1000);
   }
   btn2.onclick=function(){
    n=0;
    T.innerHTML=0
    clearInterval(time);

   }
    </script>
</body>

优惠劵

swatch17

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
关于setTimeout与SetInterval定时器

使用setTimeout和setInterval作为计时器在使用setTimeout和setInterval作为定时器时，如果定时器的方法被调用多次，此时的定时器会被加倍执行，速度变快，为避免这一现象应在每一次调用计时器前清除计时器；停用时将计时器的起始重新置0<body> <p id="currentTime"></p> <button id="btn1">start</butt
复制链接

扫一扫