效果如下图
<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title></title>
<style>
body{
margin-left: 300px;
margin-top: 200px;
font-size: 60px;
color: red;
}
</style>
</head>
<body>
<div id="timebox"></div>
<script>
var box = document.getElementById("timebox");
var time = "";
//调用
function showtime(){
var dd= new Array("日","一","二","三","四","五","六");
var d = new Date();
//年月日
time = d.getFullYear()+"年:";
time += d.getMonth()+1+"月:";
time += d.getDate()+"日 ";
//星期几
time +=" 星期"+dd[d.getDay()]+" ";
//时 分
time += addzero(d.getHours())+":";
time += addzero(d.getMinutes())+":";
time += addzero(d.getSeconds());
//显示
// window.status = time;
box.innerHTML = time;
}
//隔一秒钟调用一次
// 这个隔一秒只执行一次
// setTimeout(showtime,1000);
setInterval(showtime,1000)
//确保显示两位数字
function addzero(i){
if(i<10){
return "0"+i;
}
return i;
}
</script>
</body>
</html>