<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<style>
.div{
width:200px;
background:black;
text-align: center;
padding:20px;
color:white;
font-family:Microsoft YaHei;
}
</style>
</head>
<body>
<div class='div'></div>
<script>
var div = document.getElementsByClassName('div')[0];
function func(){
var date = new Date(); // 获取中国标准时间
var y = date.getFullYear(); // 年
var m = date.getMonth(); // 月
var d = date.getDate(); // 日
var h = date.getHours(); // 时
var mi = date.getMinutes(); // 分
var s = date.getSeconds(); // 秒
var day = date.getDay(); // 星期
div.innerHTML = y+'年'+(m+1)+'月'+d+'日'+h+':'+mi+':'+s+'<br/>'+'星期'+day; // 把时间写到div里
}
func();//这里调用函数是防止刚进来页面的时候出现空白
setInterval(func,1000);//每秒更新一次时间
</script>
</body>
</html>