-
在網頁上顯示當前時間（客戶端機器），一秒刷新一次。
有兩種方法：一、運用Window對象中的setInterval()方法
代碼如下：
自定義時間格式：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>現學現賣</title>
<style type="text/css">
.b{
font-size:10px;
color:#FF0000;
text-align:center;
font-weight:bolder;
display:block;
margin-top:10px;
}
</style>
</head>
<body>
<script type="text/javascript">
function f1(){
date = new Date();
var year = date.getFullYear();
var month = date.getMonth() + 1;
var day = date.getDay();
var hours = date.getHours();
var minutes = date.getMinutes();
var seconds = date.getSeconds();
var week;
var hour;
switch (day) {
case 1:
week="星期一";
break;
case 2:
week="星期二";
break;
case 3:
week="星期三";
break;
case 4:
week="星期四";
break;
case 5:
week="星期五";
break;
case 6:
week="星期六";
break;
default:
week="星期日";
break;
}
if(hours>12)
hour = "下午" + f2(hours-12);
else
hour = "上午" + f2(hours);
function f2(str){
if(str<10)
return "0"+str;
else
return str;
}
text ="<font class='b'>"+"當前時間是："+year+"年"+f2(month)+"月"+f2(week)+hour+"："
+f2(minutes)+"："+f2(seconds)+"</font>";
p1.innerHTML = text;
}
setInterval(f1,1000);
</script>
<p id="p1">asda</p>
</body>
</html>
簡單求網頁時間，即將function功能簡化，但格式固定，代碼如下：
function fun(){
cg.innerHTML=new Date().toLocaleString();
}
setInterval("fun()",1000);
需要注意的是，setInterval(code,毫秒數)表現形式可以是setInterval(“fun()”,1000); 也可以是setInterval(fun,1000);
二、運用window對象中setTimeout()方法，雖然setTimeout不像setInterval能夠循環週期執行指定代碼，但可以通過嵌套方式將setTimeout嵌套進function中，達到循環目的。
代碼如下：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>現學現賣</title>
<style type="text/css">
.b{
font-size:10px;
color:#FF0000;
text-align:center;
font-weight:bolder;
display:block;
margin-top:10px;
}
</style>
</head>
<body>
<p id="p1">asda</p>
<script type="text/javascript">
function fun(){
p1.innerHTML=new Date().toLocaleString();
setTimeout(fun,1000);
}
fun();
</script>
</body>
</html>