javascript显示时间

最新推荐文章于 2022-09-29 17:24:15 发布

原创最新推荐文章于 2022-09-29 17:24:15 发布 · 168 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#JavaScript #ViewUI

本文介绍了一个使用JavaScript实现的网页实时日期时间显示功能。通过获取当前日期时间并转换为指定格式，利用setTimeout定时更新页面上的时间显示，实现了动态的时间展示效果。

<script language="javascript">
function showtime(){
	var day,hours,minutes,seconds,timeValue;
	now = new Date();
	if(now.getDay()==0) day = "星期日"
	if(now.getDay()==1) day = "星期一"
	if(now.getDay()==2) day = "星期二"
	if(now.getDay()==3) day = "星期三"
	if(now.getDay()==4) day = "星期四"
	if(now.getDay()==5) day = "星期五"
	if(now.getDay()==6) day = "星期六"
	
	ymd = now.getYear() + "年" + (now.getMonth() + 1 ) + "月" + now.getDate() + "日";
	hours = now.getHours();
	minutes = now.getMinutes();
	seconds = now.getSeconds();
	
	timeValue = ymd;
	timeValue += day;
	timeValue += hours+ ":";
	timeValue += ((minutes < 10) ? "0" : "") + minutes + ":";
	timeValue += ((seconds < 10) ? "0" : "") + seconds + "";
	clock.innerHTML = timeValue;
	setTimeout("showtime()",100);
}
</script>
<body onload="showtime()">
	<div id="clock"></div>
</body>