<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>日期对象</title>
</head>
<body>
<div id="div">16:30:00</div>
<script>
function getDate(){
var myDiv = document.getElementById("div");
var tt = new Date();
var hover = tt.getHours(),
minute = tt.getMinutes();
second = tt.getSeconds();
if(hover < 10){
hover = "0" + hover;
}
if(minute < 10){
minute = "0" + minute;
}
if(second < 10){
second = "0" + second;
}
var time = hover+":"+minute+":"+second;
myDiv.innerHTML = time;
};
getDate();//以免第一次还要等待30毫秒;
setInterval(getDate,30)
</script>
</body>
</html>