<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>动态时钟</title>
</head>
<body>
<span id="time" style="background-color: black; color: coral; font-size: 50px;"></span>
<script type="text/javascript">
setInterval(function() {
var date = new Date()
var year = date.getFullYear()//获取年份
var month = date.getMonth() + 1 //0-11月份
var day = date.getDate()//日
var hours = date.getHours()//获取小时
var minutes = date.getMinutes()//获取分钟
var seconds = date.getSeconds()//获取秒
month = month > 9 ? month : "0" + month
day = day > 9 ? day : "0" + day
hours = hours > 9 ? hours : "0" + hours
minutes = minutes > 9 ? minutes : "0" + minutes
seconds = seconds > 9 ? seconds : "0" + seconds
var result = year + "年" + month + "月" + day + "日" + hours + ":" + minutes + ":" + seconds
document.getElementById("time").innerHTML = result
}, 1000)
</script>
</body>
</html>
展示效果图