效果如下图
<!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>
转载请注明原文地址: https://www.6miu.com/read-41253.html
