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>
  • 相关阅读:
    Linq to OBJECT延时标准查询操作符
    LINQ to XML
    动态Linq(结合反射)
    HDU 1242 dFS 找目标最短路
    HDu1241 DFS搜索
    hdu 1224 最长路
    BOJ 2773 第K个与m互质的数
    ZOJ 2562 反素数
    2016 ccpc 杭州赛区的总结
    bfs UESTC 381 Knight and Rook
  • 原文地址:https://www.cnblogs.com/yjhua/p/4727945.html
Copyright © 2011-2022 走看看