转载

javasScript实现倒计时

这个功能是完全利用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>
正文到此结束
Loading...