【HTML+CSS+JS】前台简单功能之====动态时间显示（适合角落放置）

本文链接：https://blog.csdn.net/Lydia233/article/details/107694952

【HTML+CSS+JS】前台简单功能之====动态时间显示（适合角落放置）

界面效果如下：
在这里插入图片描述
代码如下:
time.html

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title></title>
<script type="text/javascript" src="../js/time.js"></script>
</head>
<body>
	<p>当前时间：</p>
	<div id="time"></div>
</body>
</html>

time.js

var trun = function(sec){
			return (sec < 10) ? "0" + sec : sec;
		}
		var run = function(){
			var weeks = ["星期日", "星期一", "星期二", "星期三", "星期四", "星期五", "星期六"];
			var d = new Date();
			var year = d.getFullYear();
			var month = d.getMonth() + 1;
			var date = d.getDate();
			var hours = d.getHours();
			var minutes = d.getMinutes();
			var seconds = d.getSeconds();
			var day = d.getDay();
			var str = year + "-" + trun(month) + "-" + trun(date) + " " + trun(hours) + ":" + trun(minutes) + ":" + trun(seconds) + " " + weeks[day];
			document.getElementById("time").innerHTML = str;
			//window.setTimeout("run();" , 1000));设置一秒后失效，可以做定时器
		}
		//window.setTimeout("run();" , 1000));
		window.setInterval("run();" , 1000);//设置1秒刷新一次