<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>菜鳥教程(runoob.com)</title>
<script>
function startTime(){
var today=new Date();
var h=today.getHours();
var m=today.getMinutes();
var s=today.getSeconds();// 在小於10的數字前加一個‘0’
m=checkTime(m);
s=checkTime(s);
document.getElementById('txt').innerHTML=h+":"+m+":"+s;
t=setTimeout(function(){startTime()},500);
}
function checkTime(i){
if (i<10){
i="0" + i;
}
return i;
}
</script>
</head>
<body onload="startTime()">
<div id="txt"></div>
</body>
</html>
實現結果
<!DOCTYPE >
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>實驗7.3歡迎</title>
<script language="JavaScript">
var date = new Date();
var hour = date.getHours();
switch (true) {
case hour >= 6&&hour<=9:
h = "早上好";
break;
case hour>=9&&hour<=12:
h = "上午好";
break;
case hour>=12&&hour<=14:
h = "中午好";
break;
case hour>=14&&hour<=17:
h = "下午好";
break;
case hour>=17&&hour<=19:
h = "傍晚好";
break;
case hour>=19&&hour<=22:
h = "晚上好";
break;
default:
h = "夜裏好";
}
document.write(h+ " ");
document.write("今天是" + date.getFullYear() + "年" + (date.getMonth() + 1)
+ "月" + date.getDate() + "日 ");
var day = date.getDay();
switch (day) {
case 0:
d = "星期天";
break;
case 1:
d = "星期一";
break;
case 2:
d = "星期二";
break;
case 3:
d = "星期三";
break;
case 4:
d = "星期四";
break;
case 5:
d = "星期五";
break;
default:
d = "星期六";
}
document.write(d + " ");
</script>
</head>
<body>
</body>
</html>