zoukankan      html  css  js  c++  java
  • 一个计时器, 点击按钮 让他 停一会, 5s后继续自动运行

    <div id="time" style="border:solid 1px #ddd; display:inline-block; 50px; height:30px; vertical-align:middle"></div>
    <input type="button" id="btn" value="停止">


    <script type="text/javascript"> // 一个计时器, 点击按钮 让他 停一会, 5s后继续自动运行 var num=0; var data=1000; var timeout=false; function autoSide(){ num +=1; $("#time").html(num); } var t=setInterval(autoSide,data); $("#btn").click(function(){ t= clearInterval(t); var timeout = setTimeout(function(){ t= setInterval(autoSide,data); },5000); }) </script>

     第二种方式:

    <div id="time" style="border:solid 1px #ddd; display:inline-block; 50px; height:30px; vertical-align:middle"></div>
    <input type="button" id="btn" value="停止">
    
    <script type="text/javascript">
    
     var num=0;
     var data=1000;
     var timeout=false;
     
     function oNum(){
         num++;
             $("#time").html(num);
         }
     
     function autoSide() {
         if (timeout) {
             setTimeout(autoSide, 5000);
             timeout = 0;
         } else {
             setTimeout(autoSide, 1000);
             oNum();
         }
    
    }
     
    $("#btn").click(function () {
        timeout = 1;    
    })
    
    autoSide();
    
    </script>
  • 相关阅读:
    Single Number II
    Best Time to Buy and Sell Stock
    Linked List Cycle
    Single Number
    Max Points on a Line
    Strategy
    LRU Cache
    Word Break II
    Text Justification
    Median of Two Sorted Arrays
  • 原文地址:https://www.cnblogs.com/yjhua/p/4727945.html
Copyright © 2011-2022 走看看