js实现显示本地年月日时间和周几

最新推荐文章于 2021-12-14 10:08:23 发布

最新推荐文章于 2021-12-14 10:08:23 发布 · 183 阅读

文章标签：

#javascript #ViewUI

本文介绍了一个使用JavaScript编写的简单网页程序，该程序可以实时显示当前的日期和时间，并且能够根据日期的不同部分（如星期几）进行格式化展示。通过定时调用函数更新页面上的时间显示，使得用户能够直观地看到时间的变化。

<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="星期天";break
case 1:val="星期一";break
case 2:val="星期二";break
case 3:val="星期三";break
case 4:val="星期四";break
case 5:val="星期五";break
case 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>
<div id="timetable"></div>
</body>
</html>