您所在的位置:小祥子 » 编程 » JavaScript » 正文

JS模拟时钟显示

时间:2015-01-19 编辑:佚名 来源:互联网

效果

现在是:2015年01月19日 09:58:05

代码如下

<html>
 <head>
  <title>JS模拟时钟</title>
  <meta http-equiv="content-type" content="text/html; charset=UTF-8">
 </head>

 <body onLoad="setInterval(setTimeSpan,1000);">
  <span style="font-size: 25px;" id="timeSpan"></span>
 </body>

<script type="text/javascript">
 function setTimeSpan() {
  var date = new Date();
  timeSpan.innerHTML = date.format('现在是:yyyy年MM月dd日   hh:mm:ss');
 }
 Date.prototype.format = function(format) {
  var o = {
   "M+" : this.getMonth() + 1, //month
   "d+" : this.getDate(), //day
   "h+" : this.getHours(), //hour
   "m+" : this.getMinutes(), //minute
   "s+" : this.getSeconds(), //second
   "q+" : Math.floor((this.getMonth() + 3) / 3), //quarter
   "S" : this.getMilliseconds() //millisecond
  }
  if (/(y+)/.test(format))
   format = format.replace(RegExp.$1, (this.getFullYear() + "")
     .substr(4 - RegExp.$1.length));
  for ( var k in o)
   if (new RegExp("(" + k + ")").test(format))
    format = format.replace(RegExp.$1, RegExp.$1.length == 1 ? o[k]
      : ("00" + o[k]).substr(("" + o[k]).length));
  return format;
 }
</script>

</html>
 

关键词:时钟

相关文章