定时器开启和关闭

2024年5月9日 188次阅读 来源: 微笑、不失礼471

<body>
 <p id=”p1″>点击改变字体颜色</p>
 <button id=”b1″ οnclick=”start1()”>开启定时器</button>
 <button id=”b2″ οnclick=”close1()”>关闭定时器</button>
 <script>
   //如果定时器开启时候在按钮点击事件里面，每点击一次，都开启了一个定时器，所以定时器频率会变快
   //其实目的就是为了点击时加上一个判断，防止用户高频率的点击按钮
   var timer //定时器
   function start1(){
       //如果定时器存在，if条件不走，如果定时器不存在，再从新开启一个定时器
       if (timer==null){
           timer = setInterval(function(){
               p1.style.color=`rgb(${Math.random()*255},${Math.random()*255},${Math.random()*255})`
           },16.67)
       }
   }
   关闭定时器
   function close1(){
       //timer存在的前提下再去清空定时器
       if(timer!=null){
           clearInterval(timer)//关闭定时器 但是timer这个变量还存在，关闭定时器之后需要把timer置为空
           timer=null
       }
   }
 </script>
</body>

    原文作者：微笑、不失礼471
    原文地址: https://blog.csdn.net/weixin_55711841/article/details/125899246
    本文转自网络文章，转载此文章仅为分享知识，如有侵权，请联系博主进行删除。
点赞