实时时间显示HTML页面-优快云博客

本文链接：https://blog.youkuaiyun.com/Growing_hacker/article/details/108121667

页面：

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>时间</title>
	<style>
		#showtime {
	width: 1200px;
    height: 800px;
    background-color: skyblue;
    line-height: 800px;
    margin: 0 auto;
    font-size: 120px;
		}
	</style>
</head>
<body>
<script>

window.onload = function(){
// 获取当前时间
function getCurDate(){
var timeStr = '-';
var curDate = new Date();
var curYear = curDate.getFullYear();
var curMonth = curDate.getMonth()+1;
var curDay = curDate.getDate();
var curWeekDay = curDate.getDay()+1;
var curHour = curDate.getHours();
var curMinute = curDate.getMinutes();
var curSec = curDate.getSeconds();

var Current= curYear+timeStr+curMonth+timeStr+curDay+' '+curHour+':'+curMinute+':'+curSec;
// console.log(Current);
var oDiv = document.getElementById("showtime");
oDiv.innerHTML = Current;
return getCurDate;
}


//间隔一秒执行 函数名+（）立即执行
setInterval(getCurDate(),1000);
// setInterval(getCurDate,1000);

}

</script>	


<div id="showtime"></div>

</body>
</html>

js实现一个简单时间页面