防止定时器叠加

Posted zhang-jiao

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了防止定时器叠加相关的知识，希望对你有一定的参考价值。

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

 

以上是关于防止定时器叠加的主要内容，如果未能解决你的问题，请参考以下文章

HTML代码片段

更改片段（子片段）时 RecyclerView 中的奇怪叠加

如何在Swift中叠加视频上的动态标签？

JS动画效果

使用底部导航栏防止片段刷新

使用导航从一个片段导航到另一个片段后，防止后按工作