JS控制日期显示

来源:互联网 发布:ad hoc网络 编辑:程序博客网 时间:2024/05/22 14:54

我们在项目中一般会遇到显示时间的问题,一般的处理方式是在前台通过JS控制,JS控制显示时间的代码如下,各种不同的显示方式:

[javascript] view plaincopy
  1. function Clock() {  
  2.     var date = new Date();  
  3.     this.year = date.getFullYear();  
  4.     this.month = date.getMonth() + 1;  
  5.     this.date = date.getDate();  
  6.     this.day = new Array("星期日""星期一""星期二""星期三""星期四""星期五""星期六")[date.getDay()];  
  7.     this.hour = date.getHours() < 10 ? "0" + date.getHours() : date.getHours();  
  8.     this.minute = date.getMinutes() < 10 ? "0" + date.getMinutes() : date.getMinutes();  
  9.     this.second = date.getSeconds() < 10 ? "0" + date.getSeconds() : date.getSeconds();  
  10.   
  11.     this.toString = function() {  
  12.         return "现在是:" + this.year + "年" + this.month + "月" + this.date + "日 " + this.hour + ":" + this.minute + ":" + this.second + " " + this.day;   
  13.     };//现在是<span id="clock">现在是:2013年3月6日 13:54:17 星期三</span>  
[javascript] view plaincopy
  1. <span></span>  
  2.     this.toSimpleDate = function() {  
  3.         return this.year + "-" + this.month + "-" + this.date;  
  4.     };//2013-03-06  
  5.       
  6.     this.toDetailDate = function() {  
  7.         return this.year + "-" + this.month + "-" + this.date + " " + this.hour + ":" + this.minute + ":" + this.second;  
  8.     };//2013-03-06 13:45:43  
  9.       
  10.     this.display = function(ele) {  
  11.         var clock = new Clock();  
  12.         ele.innerHTML = clock.toString();//显示方式调用  
  13.         window.setTimeout(function() {clock.display(ele);}, 1000);  
  14.     };  
  15. }