JavaScript在網頁上顯示日期/星期幾/網際網路時間的方法



贊助商連結


iget
2001-05-19, 02:03 PM
範例:(時間網際網路時間還會隨時變化哦)
http://home.pchome.com.tw/home/iget1/testtime.htm

注意:
1.其中<script language="Javascript1.2">到</script>這段不用改,若是你星期幾要改的話,那可以改成英文的.
2.<body onLoad=show() background-repeat: repeat-y">裡的東西不可少,不然會沒法顯示.
3.<td width=170 align=center valign=bottom class=time id=clock></td>裡面的class=time id=clock也是一定要有才行


原始檔:
<html>
<head>
<title>時間/日期/Internet時間</title>
<meta http-equiv="Content-Type" content="text/html; charset=big5">
<style type="text/css">
<!--
.time { font-family: Arial; font-size: 11px }
-->
</style>


<script language="Javascript1.2">
<!--
function show(){
if (!document.layers&&!document.all)
return
var Digital=new Date()
var todayyear=Digital.getYear()
var todaymonth=Digital.getMonth()
var todaydate=Digital.getDate()
var todayday=Digital.getDay()
var hours=Digital.getHours()
var minutes=Digital.getMinutes()
var seconds=Digital.getSeconds()
var swatchseconds=hours*3600+minutes*60+seconds
var zoneseconds=7*3600
var beat=((swatchseconds-zoneseconds)*10-(swatchseconds-zoneseconds)*10%864)/864


if (beat < 0) beat = 1000+beat;
if (beat < 100) beat = "0"+beat;
if (beat < 10) beat = "0"+beat;

if (todayday == 0) todayday = "<font class=time color=red>星期日</font>";
if (todayday == 1) todayday = "星期一";
if (todayday == 2) todayday = "星期二";
if (todayday == 3) todayday = "星期三";
if (todayday == 4) todayday = "星期四";
if (todayday == 5) todayday = "星期五";
if (todayday == 6) todayday = "<font class=time color=red>星期六</font>";
if (hours<=9) hours="0"+hours;
if (minutes<=9) minutes="0"+minutes;
if (seconds<=9) seconds="0"+seconds;

myclock=todayyear+"."+(todaymonth+1)+"."+todaydate+" "+todayday+"

"+hours+":"+minutes+":"+seconds+" <font class=time color=red>@</font>"+beat

if (document.layers){
document.layers.clock.document.write(myclock)
document.layers.clock.document.close()
}
else if (document.all)
clock.innerHTML=myclock
setTimeout("show()",1000)
}
//-->
</script>

</head>
<body onLoad=show() background-repeat: repeat-y">

<table cellpadding=0 cellspacing=0 width=100% height=20>
<tr>
<td width=170 align=center valign=bottom class=time id=clock></td>
<td width=10></td>
</tr>
</table>
</body>
</html>