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