JS控制日期显示

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

[javascript]  view plain copy
  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 plain copy
  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. }  
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值