作者：Bootstrap教程 发布时间：2024/11/13 21:54:00 阅读次数：102 本站转载 最后更新：2025/8/16 15:03:08
<script>
function showTime() {
var now = new Date();
var y = now.getFullYear();
var m = now.getMonth() + 1;
var d = now.getDate();
var w = now.getDay();
var hour = now.getHours();
var min = now.getMinutes();
var sec = now.getSeconds();
var arrWeek = new Array("星期日 ", "星期一 ", "星期二 ", "星期三 ", "星期四 ", "星期五 ", "星期六 ");
var time = y + "年" + fillZero(m) + "月" + fillZero(d) + "日 " + arrWeek[w] + hour + ":" + fillZero(min) + ":" + fillZero(sec);
var clock = document.getElementById('clock');
clock.innerHTML = time;
}
function fillZero(str) {
var realNum;
if (str < 10) {
realNum = '0' + str;
} else {
realNum = str;
}
return realNum;
}
setInterval("showTime()", 1000);
</script>
在<body></body>需要的位置增加一个显示时间的盒子即可
<div id="clock"style="float:left;"></div>