Javascript实现计数器,定时警告和停止

 1 <html>
 2 <head>
 3 <meta charset="utf-8">
 4 <title>定时警告</title>
 5 </head>
 6 <body>
 7     <!--定时警告的问题-->
 8     <h1>定时警告的问题</h1>
 9     <input type="button" value="定时警告" onclick="setTimeMsg()"/>
10     <script language="javascript">
11         function setTimeMsg(){
12             setTimeout(‘alert("hello world!!!")‘,3000);//3s
13         }
14     </script>
15     <hr>
16     <!--计数器-->
17     <h1>计数器</h1>
18     <input type="button" value="开始计时" onclick="startTime()"/>
19     <input type="text" id="num"/><br>
20     <input type="button" value="结束计时" onclick="stopTime()"/>
21
22     <script language="javascript">
23         var i=0;
24         var t;
25         function startTime(){
26             document.getElementById("num").value=i;
27             i=i+1;
28             t=setTimeout("startTime()",10);//1s
29         }
30
31         function stopTime(){
32             clearTimeout(t);
33         }
34     </script>
35
36 </body>
37 </html>

 1 <html>
 2 <head>
 3 <meta charset="utf-8">
 4 <title>定时警告</title>
 5 </head>
 6 <body >
 7     <h1>秒表<div id="time"></div></h1>
 8     <script language="javascript">
 9         function startTime(){
10             var date=new Date();
11             var year=date.getFullYear();
12             var month=date.getMonth()+1;
13             var day=date.getDate();
14             var hour=date.getHours();
15             var minute=date.getMinutes();
16             var second=date.getSeconds();
17             //var str=year+"年"+month+"月"+day+"日"+hour+":"+minute+":"+second;
18             var str=hour+":"+minute+":"+second;
19
20             document.getElementById("time").innerHTML=str;
21             setTimeout("startTime()",1000);
22         }
23     </script>
24 </body>
25 </html>

时间: 2024-08-28 11:26:34

Javascript实现计数器,定时警告和停止的相关文章

[javascript]各种页面定时跳转(倒计时跳转)代码总结

(1)使用setTimeout函数实现定时跳转(如下代码要写在body区域内) 1 <script type="text/javascript"> 2 //3秒钟之后跳转到指定的页面 3 setTimeout(window.location.href='http://www.baidu.com',3); 4 </script> (2)html代码实现,在页面的head区域块内加上如下代码 1 <!--5秒钟后跳转到指定的页面--> 2 <met

Javascript线程及定时机制

setTimeout.setInterval的使用 Javascript api文档中定义setTimeout和setInterval第二个参数意义分别为间隔多少毫秒后回调函数被执行和每隔多少毫秒回调函数被执行.但随着工作经验的积累,我们发现事实并非如此. 比如 div.onclick=function(){ setTimeout(function(){ document.getElementById('input').focus(); },0); } 就解释不通了,立即执行就立即执行呗,干嘛还

非阻塞同步算法实战(四)- 计数器定时持久化

问题背景及要求 需要对评论进行点赞次数和被评论次数进行统计,或者更多维度 要求高并发.高性能计数,允许极端情况丢失一些统计次数,例如宕机 评论很多,不能为每一个评论都一直保留其计数器,计数器需要有回收机制 问题抽象及分析 根据以上需求,为了方便编码与测试,我们把需求转化为以下接口 /** * 计数器 */ public interface Counter { /** * 取出统计数据,用Saver去持久化(仅定时器会调用,无并发) * @param saver */ void save(Save

总线仲裁之计数器定时查询方式

假设总线仲裁器中计数初值为0,这时设备2.4都通过BR线发出请求,如果设备不忙既BS为0,计数器开始从0计数. 并通过设备地址线查看该设备是否发出请求,如果是,则响应否则继续计数.这里设备0没有请求,继续计数直至2, 发现设备2有请求则响应,并将BS线设为1. 如果每次查询计数器都从0开始,那么毫无疑问设备优先级和链式查询一样.如果从中止点开始(如上例中下次查询计数器从2开始计数并查询), 那么可以实现循环优先级.也可以用软件设置计数初值为k,那么设备k的优先级最高. 原文地址:https://

JavaScript可否多线程? 深入理解JavaScript定时机制

http://www.phpv.net/html/1700.html JavaScript的setTimeout与setInterval是两个很容易欺骗别人感情的方法,因为我们开始常常以为调用了就会按既定的方式执行, 我想不少人都深有同感, 例如 setTimeout( function(){ alert(’你好!’); } , 0); setInterval( callbackFunction , 100); 认为setTimeout中的问候方法会立即被执行,因为这并不是凭空而说,而是Java

JavaScript定时机制setTimeout与setInterval研究

JavaScript的setTimeout与setInterval是两个很容易欺骗别人感情的方法,因为我们开始常常以为调用了就会按既定的方式执行, 我想不少人都深有同感, 例如 setTimeout(function() { alert('你好!'); }, 0); setInterval(callbackFunction, 100); 认为setTimeout中的问候方法会立即被执行,因为这并不是凭空而说,而是JavaScript API文档明确定义第二个参数意义为隔多少毫秒后,回调方法就会被

javascript线程解释(setTimeout,setInterval你不知道的事)

原文:http://www.iamued.com/qianduan/1645.html 今天看到这篇文章,学到了不少东西 特此发出来 和大家分享 JavaScript的setTimeout与setInterval是两个很容易欺骗别人感情的方法,因为我们开始常常以为调用了就会按既定的方式执行, 我想不少人都深有同感, 例如 setTimeout( function(){ alert('你好!'); } , 0); setInterval( callbackFunction , 100); 认为se

2015年10个最佳Web开发JavaScript库

2015年10个最佳Web开发JavaScript库 现在的互联网可谓是无所不有,有大量的JavaScript项目开发工具充斥于网络中.我们可以参考网上的指导来获取构建代码项目的各种必要信息.如果你是搞Web开发的,那么大多更喜欢支持前端开发的JavaScript.此脚本语言使用相对比较容易,并能为网站和Web应用创造了有趣的用户界面.下面是10个最佳的可用于Web项目开发的JavaScript库. 1. IO.js: IO.js是一个以Chrome V8  runtime为引擎的JavaScr

html,css,javascript

1.图片调用,<img src=""> 2.页面跳转,<a href=""></a> 3.水平线,一般从窗口的最左端一直画到最右端,<hr size=3 align=left width=75%> 4.col 列:row 行 跨多列colspan=3:跨多行rowspan=3: 5.表格是table,表单是form 6.type=“radio”产生单选表单 7.type=“checkbox“产生复选表单 8.type=