<!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <title>北京时间</title> </head> <style> *{ margin: 0; padding: 0; list-style: none; color: red; } #time{ width: 800px; height: 100px; line-height: 100px; font-size: 30px; font-family: "微软雅黑"; position: absolute; margin: auto; left: 0; top: 0; right: 0; bottom: 0; background: rgba(0,0,0,0.4); box-shadow: 0px 0px 10px #000; text-align: center; } </style> <body> <div id="time">现在是北京时间：</div> </body> <script> window.onload = function(){ times(); function times(){ showTime(); function minSecond(i){ if(i<10){ i = "0" + i; } return i; } function showTime(){ var bjtime = new Date(); var bjyear = bjtime.getFullYear(); var bjmonth = bjtime.getMonth()+1; var bjday = bjtime.getDate(); var week = bjtime.getDay(); var hours = bjtime.getHours(); var min = bjtime.getMinutes(); var seconds = bjtime.getSeconds(); min = minSecond(min); seconds = minSecond(seconds); var weekday = ["日","一","二","三","四","五"]; document.getElementById("time").innerHTML ="现在是北京时间：" + bjyear +"年-"+ bjmonth +"月-"+ bjday +"日-" + "星期" + weekday[week] + "-" + hours +":" + min +":"+ seconds ; setInterval(showTime,1000); } } } </script> </html>