• 一个计时器, 点击按钮 让他 停一会, 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>
  • 相关阅读:
    SQLSERVER 远程登录18456错误
    谁用掉了我的数据库空间?
    Zabbix-微信报警
    Mailx安装与使用
    Redis-集群操作
    Redis-集群部署
    十、Zabbix-自动关联模板
    九、Zabbix-触发器
    八、Zabbix-应用集、监控项
    七、Zabbix-模板,应用集,监控项,触发器
  • 原文地址:https://www.cnblogs.com/yjhua/p/4727945.html
Copyright © 2020-2023  润新知