javascript显示时间

stargucks

于 2009-08-09 20:02:15 发布

阅读量159

点赞数

文章标签： JavaScript ViewUI

本文链接：https://blog.youkuaiyun.com/iteye_256/article/details/81755992

版权

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

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<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 οnlοad="showtime()">
	<div id="clock"></div>
</body>