码迷,mamicode.com
首页 > 编程语言 > 详细

javasScript实现倒计时

时间:2015-11-08 15:10:11      阅读:191      评论:0      收藏:0      [点我收藏+]

标签:

这个功能是完全利用javascript实现的一个小功能,没有什么技巧含量,贴在这里方便自己以后用。

 1 <!doctype html>
 2 <html lang="en">
 3 <head>
 4     <meta charset="UTF-8">
 5     <title></title>
 6     <script type="text/javascript">
 7     window.onload = Watch;//页面加载时调用Watch()函数
 8     function Watch() {
 9         var span = document.createElement("sapn");
10         span.innerHTML = "120:00";
11         var s = 60;//用来记录秒,因为需求是从1开始的。
12         var m = 119;//用来记录分钟
13         var w = setInterval(function () {
14         s--;
15         if (s == 00) {//当秒跑到60时,分钟加1,秒钟从0开始。
16             m--;
17             s = 60;
18         }
19     span.innerHTML = m + ":" + (s < 10 ? "0" + s : s); //显示时间(秒小于10时,前补0)
20     //到过5分钟时停止
21     }, 1000); //每1000毫秒即1秒执行一次此函数
22     document.getElementById("Show").appendChild(span);//显示到页面上
23     }
24     </script>
25 </head>
26 <body>
27     <div id="Show" style="text-align:center"></div>
28 </body>
29 </html>

 

javasScript实现倒计时

标签:

原文地址:http://www.cnblogs.com/sniper-allen/p/4947141.html

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