主要方法 : window.setInterval(方法,时间间隔)
activeTime.html
<html>
<head>
<script type = "text/javascript">
function timeShow(){
//获取当前时间
var timeTemp = new Date();
//提取当前时间的时分秒,注意小于10时的时间格式
var hour = timeTemp.getHours();
if(hour < 10){
hour = "0" + hour;
}
var minute = timeTemp.getMinutes();
if(minute < 10){
minute = "0" + minute;
}
var second = timeTemp.getSeconds();
if(second < 10){
second = "0" + second;
}
//将提取的时分秒按照自己的想法进行拼接
var nowTime = hour + ":" + minute + ":" + second;
//通过id获取时间显示的对象引用
var timeDiv = document.getElementById("showTime");
//将拼接的字符串赋值给该id标签的HTML
timeDiv.innerHTML = nowTime;
}
//每过1000毫秒执行一次该方法
window.setInterval(timeShow, 1000);
</script>
</head>
<body>
<div id = "showTime"></div>
</body>
</html>
另一种简单的方法
acticeTime.html
<html>
<head>
<script type = "text/javascript">
function timeShow(){
var timeTemp = new Date();
//使用toLocaleTimeString()方法生成时间格式
var nowTime = timeTemp.toLocaleTimeString();
var timeDiv = document.getElementById("showTime");
timeDiv.innerHTML = nowTime;
}
window.setInterval(timeShow, 1000);
</script>
</head>
<body>
<div id = "showTime"></div>
</body>
</html>