这个功能是完全利用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>
时间: 2024-11-05 12:26:05