码迷,mamicode.com
首页 > 其他好文 > 详细

防止定时器叠加

时间:2018-09-22 18:20:57      阅读:690      评论:0      收藏:0      [点我收藏+]

标签:title   type   fun   rip   width   cti   触发事件   oct   script   

  • 防止定时器叠加的方法就是在开启定时器之前先清除定时器,再开启
  • 定时器叠加:开启定时器之后每次触发事件事件都会重复执行,表现为事件执行的频率加快
<!DOCTYPE html>
<html>
     <head>
           <meta charset="UTF-8">
           <title></title>
           <style>
                 #box{
                  width:150px;
                  height:150px;
                  background-color:red;
               }
           </style>
     </head>
     <body>
         <div id="box"></div>
         <script>
               var box=document.getElementById("box");
               var change=0;
               var timer=null;
             //监听盒子的鼠标移入事件
     box.onmouseover=function(){
             //清除定时器
    clearInterval(timer);
             //开启定时器
            timer=setInterInterval(function(){
                 change+=1;
                consoel.log(change);
        },1000);    
          }
         </script>
     </body>
</html>

 

防止定时器叠加

标签:title   type   fun   rip   width   cti   触发事件   oct   script   

原文地址:https://www.cnblogs.com/zhang-jiao/p/9690387.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!