防止定时器叠加

最新推荐文章于 2022-12-07 13:39:24 发布

weixin_30713953

最新推荐文章于 2022-12-07 13:39:24 发布

阅读量590

点赞数

文章标签： javascript c# ViewUI

原文链接：http://www.cnblogs.com/zhang-jiao/p/9690387.html

版权

防止定时器叠加的方法就是在开启定时器之前先清除定时器，再开启
定时器叠加：开启定时器之后每次触发事件事件都会重复执行，表现为事件执行的频率加快

<!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.οnmοuseοver=function(){
             //清除定时器
　　　　clearInterval(timer);
             //开启定时器
            timer=setInterInterval(function(){
                 change+=1;
                consoel.log(change);
        },1000);　　　　
          }
         </script>
     </body>
</html>

转载于:https://www.cnblogs.com/zhang-jiao/p/9690387.html

weixin_30713953

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
防止定时器叠加

防止定时器叠加的方法就是在开启定时器之前先清除定时器，再开启定时器叠加：开启定时器之后每次触发事件事件都会重复执行，表现为事件执行的频率加快<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title&gt...
复制链接

扫一扫