page:
<!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>