JS控制日期显示的小例子
2013-11-23 00:00
246 查看
我们在项目中一般会遇到显示时间的问题,一般的处理方式是在前台通过JS控制,JS控制显示时间的代码如下,各种不同的显示方式:
function Clock() { var date = new Date(); this.year = date.getFullYear(); this.month = date.getMonth() + 1; this.date = date.getDate(); this.day = new Array("星期日", "星期一", "星期二", "星期三", "星期四", "星期五", "星期六")[date.getDay()]; this.hour = date.getHours() < 10 ? "0" + date.getHours() : date.getHours(); this.minute = date.getMinutes() < 10 ? "0" + date.getMinutes() : date.getMinutes(); this.second = date.getSeconds() < 10 ? "0" + date.getSeconds() : date.getSeconds(); this.toString = function() { return "现在是:" + this.year + "年" + this.month + "月" + this.date + "日 " + this.hour + ":" + this.minute + ":" + this.second + " " + this.day; };//现在是<SPAN id=clock>现在是:2013年3月6日 13:54:17 星期三</SPAN>
<SPAN></SPAN> this.toSimpleDate = function() { return this.year + "-" + this.month + "-" + this.date; };//2013-03-06 this.toDetailDate = function() { return this.year + "-" + this.month + "-" + this.date + " " + this.hour + ":" + this.minute + ":" + this.second; };//2013-03-06 13:45:43 this.display = function(ele) { var clock = new Clock(); ele.innerHTML = clock.toString();//显示方式调用 window.setTimeout(function() {clock.display(ele);}, 1000); }; }
相关文章推荐
- JS控制日期显示的小例子
- JS控制日期显示
- JS控制日期显示
- (js控制)根据当前日期,按上一天下一天显示相应日期
- JS控制日期显示
- 微信小程序弹出loading层的两种方法:直接在代码里控制,在wxml文件里布局弹窗loading层,利用条件渲染,在js代码里控制是否显示loading层。
- js控制元素的显示与隐藏
- \t\t用js控制页面图片等比缩放 css图片等比缩放 比例缩放显示 js 页面 缩放图片 js缩放图片 图片按比例缩放
- 【JS控制图片显示的大小(图片等比例缩放)】
- web页面通过JS显示当前日期
- JS显示日期和时间以及星期
- TextBox使用calendar.js实现日期显示方法!
- JS实现下拉列表显示当前日期到之前半年的所有日期
- js控制多种css样式依次显示
- JS控制控件的隐藏显示
- js中控制小数点的显示位数的技术整理
- js控制表格静态分页显示
- js显示日期
- js 显示日期时间的实例(时间过一秒加1)
- js控制tr显示和隐藏