一个计时器, 点击按钮 让他 停一会, 5s后继续自动运行

<div id="time" style="border:solid 1px #ddd; display:inline-block; width: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; width: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>
时间: 2024-11-07 13:06:59

一个计时器, 点击按钮 让他 停一会, 5s后继续自动运行的相关文章

倒计时,从10到0,停止,//点击按钮还原倒计时,到0,再停-----------------------点击,再还原

1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <meta name="viewport" content="width=device-width, initial-scale=1.0"> 6 <meta http-equiv="X-UA-Compatib

页面table的每行都有一个&lt;input type=&#39;button&#39; /&gt;,如何实现点击按钮在按钮下方弹出一个div,点击空白消失

\ <input id="test" type="button" />/*按钮*/ <div id="tanchu"></div> <script language="javascript"> $(document).ready(function(e) { $("#test").click(function(e) { $("#tanchu"

ExtJs window(二)点击按钮打开一个window,window重复创建的问题

例1:点击按钮打开一个window,window重复创建的问题重点分析:这个问题是初学者经常会犯错的地方,一般来说简单的代码不会产生此问题,但是如果以后代码复杂以后,这个问题如果发生调试起来会非常麻烦!!第一种,窗体无id,对此点击问题:modal属性背景置灰,从而使触发该窗体的按钮只能按一次第二种,窗体存在id,通过id判断窗体是否被创建 Ext.onReady(function(){ //例1:点击按钮打开一个window,window重复创建的问题 //重点分析:这个问题是初学者经常会犯错

C#点击按钮关闭当前窗体 打开另一个窗体。

网上有很多是隐藏当前窗体,但是这样占用资源,效果不好,因此改进方法如下: private void button1_Click(object sender,EventArgs e) { this.hide(); Form1 form=new Form1(); form.ShowDialog(); this.Dispose();//释放所有资源 } C#点击按钮关闭当前窗体 打开另一个窗体.

Android中点击按钮启动另一个Activity以及Activity之间传值

场景 点击第一个Activity中的按钮,启动第二个Activity,关闭第二个Activity,返回到第一个Activity. 在第一个Activity中给第二个Activity传递值,第二个Activity中获取并显示. 打开第二个Activity Activity传值 注: 博客:https://blog.csdn.net/badao_liumang_qizhi 关注公众号 霸道的程序猿 获取编程相关电子书.教程推送与免费下载. 实现 启动另一个Activity 在第一个Activity中

开发第一个IOS小程序 - 点击按钮文字变色

1. 题目:实现点击按钮切换文字对应的颜色 2.分析大致的开发步骤是 •添加所需要的UI元素:3个按钮(UIButton).1个文本标签(UILabel) •监听3个按钮的点击事件 •改变文本标签的文字颜色 3.具体实现步骤 3.1 在storyboard文件中,拖拽相应控件器上,布局好以上显示页面效果 3.2 然后利用Xcode右端上的“圆圈”按钮,将代码区分割成 “Main.storyboard”与“viewController.m”文件,两个可以按住control键,不要放开,将以上元素拖

做一个计时器示例 在页面上有一个文本框和一个普通按钮 在状态栏上显示,单击按钮,开始计时的提示信息 单击按钮时,在文本框显示计数的过程,同时要求按钮上的字,显示为“单击暂停” 此时单击按钮,暂停计时,同时按钮上的字显示为“继续计时”,要求这两种状态来回切换,来完成计数器的功能

2015-04-12 20:15:25 方法一; <script> var s=0; var timeout=0; status='点击按钮,开始计时'; function count(){ s++; time1.value=s; timeout=setTimeout('count();',100); } function onChange(){ if(timeout==0){ count(); time2.value='暂停计时'; status='点击按钮,暂停计时'; }else{ cl

点击按钮弹出一个div层

JQuery弹出层,点击按钮后弹出遮罩层,还有关闭按钮 <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>jQuery弹出层效果</title> <meta content="网页特效,特效代码,jQuery,css特效,Js代码" name="keywords" /> <

Python3 Tkinter基础 点击按钮退出窗体 root.quit

镇场诗: 清心感悟智慧语,不着世间名与利.学水处下纳百川,舍尽贡高我慢意. 学有小成返哺根,愿铸一良心博客.诚心于此写经验,愿见文者得启发.------------------------------------------ code: from tkinter import * root = Tk() #你在IDLE的环境下,点击按钮,并没有发生预期的效果 #因为IDLE也是用tkinter写出来 #当你直接双击.py 文件后,在点击按钮退出.就正常了 Button(root,text='退出