實用 JavaScript 程式【02】

第二篇
使用 JavaScript 及圖片來顯示現在時間

適合程度： 初學者 一般程度 進階者 以上均宜
現在時間：

原始JavaScript程式碼：
<script language="JavaScript">
<!--
document.write("<IMG SRC='gif/0.gif' NAME='h10'>");
document.write("<IMG SRC='gif/0.gif' NAME='h1'>");
document.write("<IMG SRC='gif/colon.gif' WIDTH=10 HEIGHT=20>");
document.write("<IMG SRC='gif/0.gif' NAME='m10'>");
document.write("<IMG SRC='gif/0.gif' NAME='m1'>");
document.write("<IMG SRC='gif/colon.gif' WIDTH=10 HEIGHT=20>");
document.write("<IMG SRC='gif/0.gif' NAME='s10'>");
document.write("<IMG SRC='gif/0.gif' NAME='s1'>");
image0 = new Image();image0.src = "gif/0.gif";
image1 = new Image();image1.src = "gif/1.gif";
image2 = new Image();image2.src = "gif/2.gif";
image3 = new Image();image3.src = "gif/3.gif";
image4 = new Image();image4.src = "gif/4.gif";
image5 = new Image();image5.src = "gif/5.gif";
image6 = new Image();image6.src = "gif/6.gif";
image7 = new Image();image7.src = "gif/7.gif";
image8 = new Image();image8.src = "gif/8.gif";
image9 = new Image();image9.src = "gif/9.gif";
updateClockImage();
function updateClockImage() {
var time = new Date();
document.images['s1'].src =
eval("image" + (time.getSeconds() % 10) +".src");
document.images['s10'].src =
eval("image" + (Math.floor(time.getSeconds() / 10)) +".src");
document.images['m1'].src =
eval("image" + (time.getMinutes() % 10) +".src");
document.images['m10'].src =
eval("image" + (Math.floor(time.getMinutes() / 10)) +".src");
document.images['h1'].src =
eval("image" + (time.getHours() % 10) +".src");
document.images['h10'].src =
eval("image" + (Math.floor(time.getHours() / 10)) +".src");
setTimeout("updateClockImage()",1000);
}
// -->
</script>

運用說明：
您只要將上述程式碼及圖片，放入您的網頁中即可。
如果您的主機沒提供或是您有需要時，這是很不錯的好用程式。
本程式您可放於網頁任何地方，或固定於某處，以利網友知到現在時間。
<SCRIPT>....</SCRIPT>，程式宣告啟止標籤，不可省略。

注意事項：
image0.src = "gif/0.gif"，圖片存放路徑 gif/，您可自行變更。
0.gif.....9.gif 數字圖檔，您也可以使用別的圖片；光碟片內有網頁圖窟我為各位準備了許多樣式。
本程式碼不要隨意換行或修改，只要 Copy 下來用就好。

如何完整取得所有資料：
如果您想完整取得電子報內所有檔案資料，我們提供燒錄光碟片給您 Go 。
凡加入教學或教材會員者，均可獲得以下乙份完整的資料光碟。
詳細內容：語法教學、第一電子報、第二電子報、第三期電子報、網頁圖窟。

結論與建議：
本站所有報導資料，歡迎網友加入鏈結或轉載內容，惟請保留文章完整，並註明此 引用來源 ，謝謝您的支持與配合。
本報每篇報導都花上 8 小時以上搜集、整理及撰稿，絕對值得初學者或想徹底學會 HTML 語法網友永久保存。
強烈建議您 學會 HTML 語法 ，她真的簡單易學，懂了她您就能駕馭她，讓您使用所見即所得軟體更得心應手。
本報導屬於完全免費性質， 索取教材資料 屬個人自由意願，而回饋給您的光碟片，則是我們的誠意而已。
一篇保證前所未見的 HTML 教學課程，絕對是您學習 HTML 的好教材，強烈建議您進入實際體驗一下。
本電子報報導資料，未來將繼續每隔 30 日發表一次，以嘉惠更多想學會 HTML 網友，歡迎 繼續訂閱 。
本報導內容或資料，因限人力、時間，非教學會員，不接受任何疑惑解答，敬請見諒。