js模拟时钟详解编程语言

[html] 
view plain
 copy

 
在CODE上查看代码片
派生到我的代码片

  1. <html>  
  2.     <head>  
  3.         <title>js模拟时钟</title>  
  4.         <meta http-equiv=“content-type” content=“text/html; charset=UTF-8”>  
  5.     </head>  
  6.   
  7. <body onLoad=“setInterval(setTimeSpan,1000);”>  
  8.     <span style=“font-size: 25px;” id=“timeSpan”></span>  
  9. </body>  
  10.   
  11. <script type=“text/javascript”>  
  12.     function setTimeSpan() {  
  13.         var date = new Date();  
  14.         timeSpan.innerHTML = date.format(‘现在是:yyyy年MM月dd日   hh:mm:ss’);  
  15.     }  
  16.     Date.prototype.format = function(format) {  
  17.         var o = {  
  18.             “M+” : this.getMonth() + 1, //month  
  19.             “d+” : this.getDate(), //day  
  20.             “h+” : this.getHours(), //hour  
  21.             “m+” : this.getMinutes(), //minute  
  22.             “s+” : this.getSeconds(), //second  
  23.             “q+” : Math.floor((this.getMonth() + 3) / 3), //quarter  
  24.             “S” : this.getMilliseconds() //millisecond  
  25.         }  
  26.         if (/(y+)/.test(format))  
  27.             format = format.replace(RegExp.$1, (this.getFullYear() + “”)  
  28.                     .substr(4 – RegExp.$1.length));  
  29.         for ( var k in o)  
  30.             if (new RegExp(“(” + k + “)”).test(format))  
  31.                 format = format.replace(RegExp.$1, RegExp.$1.length == 1 ? o[k]  
  32.                         : (“00” + o[k]).substr((“” + o[k]).length));  
  33.         return format;  
  34.     }  
  35. </script>  
  36.   
  37. </html>  

转自blog.ytso.com/article/details/42673009

原创文章,作者:奋斗,如若转载,请注明出处:https://blog.ytso.com/11216.html

(0)
上一篇 2021年7月19日
下一篇 2021年7月19日

相关推荐

发表回复

登录后才能评论