javasScript实现倒计时

2015-11-9 13:49 |来自: http://www.cnblogs.com/sniper-allen/p/4947141.html 1872 0

摘要: 这个功能是完全利用javascript实现的一个小功能，没有什么技巧含量，贴在这里方便自己以后用。1 !doctype html 2 html lang="en" 3 head 4 meta charset="UTF-8" 5 title/title 6 script type="text/javas ...

关键词： 分钟 span Watch javascript 函数 innerHTML var function document 功能

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

1 
 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>