定时器开启和关闭

<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>

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值