您的位置：首页 > Web前端 > JavaScript

JS之动态显示年月日

2014-12-02 09:45 429 查看

同样的效果一种是html+js形式动态显示时间.html<html><head><script src="c.js"></script></head><body onload="get_time(timetable)" bgcolor="#CCFFFF"><div id="timetable" align="center"></div></body></html>
c.jsfunction get_time(timetable){var date=new Date();var year="",month="",day="",week="",hour="",minute="",second="";year=date.getYear();month=add_zero(date.getMonth()+1);day=add_zero(date.getDate());week=date.getDay();switch (date.getDay()) {case 0:val="星期天";breakcase 1:val="星期一";breakcase 2:val="星期二";breakcase 3:val="星期三";breakcase 4:val="星期四";breakcase 5:val="星期五";breakcase 6:val="星期六";break}hour=add_zero(date.getHours());minute=add_zero(date.getMinutes());second=add_zero(date.getSeconds());timetable.innerText=" "+year+"."+month+"."+day+" "+hour+":"+minute+":"+second+val;setInterval("get_time(timetable)",1000);}
function add_zero(temp){if(temp<10) return "0"+temp;else return temp;}
另一种是纯html形式动态显示年月日.html
<html><head><title></title><script language="javascript">function get_time(){var date=new Date();var year="",month="",day="",week="",hour="",minute="",second="";year=date.getYear();month=add_zero(date.getMonth()+1);day=add_zero(date.getDate());week=date.getDay();switch (date.getDay()) {case 0:val="星期天";breakcase 1:val="星期一";breakcase 2:val="星期二";breakcase 3:val="星期三";breakcase 4:val="星期四";breakcase 5:val="星期五";breakcase 6:val="星期六";break}hour=add_zero(date.getHours());minute=add_zero(date.getMinutes());second=add_zero(date.getSeconds());timetable.innerText="" +year+"."+month+"."+day+" "+hour+":"+minute+":"+second+val;}
function add_zero(temp){if(temp<10) return "0"+temp;else return temp;}setInterval("get_time()",1000);</script></head><body bgcolor="#CCFFFF"><div id="timetable" align="center"></div></body></html>

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航