您的位置:首页 > 其它

date制作电子时钟(二)

2012-08-04 15:31 204 查看
下面我们就让它自动刷新,就得要用到它的setTimeout函数了,//setInterval也行不过是有区别的哦。。。。

View Code

function Clock()
{
var date = new Date();
var year = date.getFullYear();
var month = date.getMonth();
var day = date.getDate();
var week = date.getDay();
var hour = date.getHours();
var minute = date.getMinutes();
var second =  date.getSeconds();
var millisecond = date.getMilliseconds();
var flag = "AM" ;
if( hour < 10){
hour = "0"+hour;
}
if(hour > 12){
flag = "PM";
}
if(minute <10){
minute = "0" + minute;
}
if(millisecond < 10){
millisecond = "0" + millisecond;
}
switch(week){
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;
}
var result = year+"年 "+month+"月 "+day+"日  星期"+week+" "+hour+":"+minute+":"+second + " "+flag;
document.getElementById("time").innerHTML=result;
//有可能会只显示一会就停止了
//setInterval("Clock()",1000);
setTimeout("Clock()",1000);
}

</script>
<style type="text/css">
</style>
</head>

<body onload = "Clock()">
<div id = "time"></div>
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: