JavaScript实现网页中动态的显示日期时间

最新推荐文章于 2024-04-16 10:26:55 发布

这是一个普通用户

最新推荐文章于 2024-04-16 10:26:55 发布

阅读量6.7k

点赞数 11

分类专栏： JavaScript 文章标签： javascript

JavaScript 专栏收录该内容

1 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title>Examples</title>
<script language="JavaScript">
	function showTime() {
		var today = new Date();
		var ye = today.getFullYear();	//年year
		var mo = today.getMonth()+1;	//月month
		var da = today.getDate();		//日day
		var ho = today.getHours();		//小时hour
		var mi = today.getMinutes();	//分钟minute
		var se = today.getSeconds();	//秒second

		mo = checkTime(mo);
		da = checkTime(da);
		mi = checkTime(mi);
		se = checkTime(se);

		var weekday;
		if (today.getDay() == 0) weekday = "星期日";
		if (today.getDay() == 1) weekday = "星期一";
		if (today.getDay() == 2) weekday = "星期二";
		if (today.getDay() == 3) weekday = "星期三";
		if (today.getDay() == 4) weekday = "星期四";
		if (today.getDay() == 5) weekday = "星期五";
		if (today.getDay() == 6) weekday = "星期六";

		document.getElementById("nowDataTimeSpan").innerHTML = ye + "-" + mo + "-" + da + " " + ho + ":" + mi + ":" + se + " " + weekday;
		setTimeout("showTime()",1000);	//每一秒重新加载

		function checkTime(i) {
			if (i < 10)
				i = "0" + 1;
			return i;
		}	//时间格式
	}
</script>
</head>
<body οnlοad="showTime()">
    <div>
    		欢迎~~当前时间：
    		<span id="nowDataTimeSpan"></span>
    </div>
</body>
</html>

参考：如何在网页中动态的显示日期时间，看看拿来就能用