码迷,mamicode.com
首页 > Windows程序 > 详细

window.setTimeout和window.setInterval的区别,及用其中一个方法记录时间。

时间:2017-04-22 13:07:05      阅读:346      评论:0      收藏:0      [点我收藏+]

标签:get   计数   min   meta   span   interval   元素   变量   ext   

window.setTimeout(语句,时间)是在多久之后执行语句,语句只执行一次。

window.setInterval(语句,时间)是每隔多久执行一次语句,语句循环执行。

 1 <!DOCTYPE html>
 2 <html>
 3     <head>
 4         <meta charset="UTF-8">
 5         <title></title>
 6     </head>
 7     <body>
 8         <span id="minu" >0</span> 9         <span id="sec" ></span>
10         <script>
11             var s = 0;
12             var x = window.setInterval("sec()",1000)
13             var y = window.setInterval("minu()",1000*60)
14             function sec(){
15                 document.getElementById("sec").innerText = ++s;
16                 if(document.getElementById("sec").innerText == 60){
17                     document.getElementById("sec").innerText = 0; 
18                     s = 0;
19                 }
20             }
21             var m = 0 ;
22             function minu(){
23                 document.getElementById("minu").innerText = ++m;
24                 if(document.getElementById("minu").innerText == 60){
25                     document.getElementById("minu").innerText = 0; 
26                     m = 0;
27                 }
28             }
29         </script>
30     </body>
31 </html>

第十四行到十八行是记录秒数。11行定义一个变量,15行是将id为sec的元素中的内容替换为++s,16行开始判断所显示的内容否够60,如果到达60,清零,从新开始计数。

window.setTimeout和window.setInterval的区别,及用其中一个方法记录时间。

标签:get   计数   min   meta   span   interval   元素   变量   ext   

原文地址:http://www.cnblogs.com/xiaomaozi168/p/6747169.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!