JavaScript 实现动态时间显示-优快云博客

本文介绍了一个使用 JavaScript 编写的简单网页应用，该应用能够实时地更新并展示当前的时间，包括日期、星期以及时分秒等信息。通过 setInterval 函数每秒钟调用 get_time 函数来实现时间的动态刷新。

innerText

<html>
<head>
	<title>時間表示</title>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
	<meta http-equiv="Content-Style-Type" content="text/css">
	<meta http-equiv="pragma" content="no-cache">
	<mce: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());
			document.all("real-time1").innerText = year + "/" + month + "/" + day + " " + val + " " + hour + ":" + minute + ":" + second;
		}

function add_zero(temp) {
			if (temp < 10)
				return "0" + temp;
			else
				return temp;
		}

setInterval("get_time()", 1000);
// --></mce:script>
</head>
<body>
<div id = "real-time1">innerText</div>
</body>
</html>