js屢次觸發事件,在必定延遲內只執行一次 (事件累加)

  js屢次觸發事件,在必定延遲內只執行一次的案例:html

    <!DOCTYPE html>
    <html>
      <head>
        <meta charset="UTF-8">
        <title></title>
        <style>
          .div{
            width:200px;
            height:200px;
            background:red;
            transition:width 2s linear 0s;
          }
        </style>
      </head>
      <body>
        <div class="div"></div>
      </body>
    </html>
    <script>
      var div=document.querySelectorAll(".div")[0];
      var num=0;
      var t=null;
      //事件累加的功能
      //js 屢次觸發點擊事件,在必定延遲內只執行一次
      div.onclick=function(){
        if(t!=null){
          clearTimeout(t)
        }
        t=setTimeout(function(){
          num++;
          console.log(num);
        },500)
      }htm

    </script>事件

相關文章
相關標籤/搜索