判断文件是否过期范例根据日期更换背景.ppt

第 14 章 時間守門員 本章提要 顯示進入網頁的時間 線上時鐘實作 自動顯示網頁文件的最後修正日期 自動換下過期的文件 根據日期更換背景 顯示進入網頁的時間範例 我們可以在網頁上預留一個文字輸入框, 作為我們放入時間資訊的地方： 顯示進入網頁的時間範例 再寫一個 showtime() 函式, 並運用內建的時間物件 Date 來達成時間的顯示： 顯示進入網頁的時間範例 在 BODY 標籤上設定 onLoad= showtime(), 讓文件載入的同時也啟動 showtime() 函式來顯示時間： 顯示進入網頁時間的範例結果 利用 setTimeout() 定時執行 使用 setTimeout() 方法, 可以讓電腦在經過所設定的延遲時間後, 才去執行指定的 JavaScript 敘述或函式。延遲時間是以毫秒 (千分之一秒) 為單位。 線上時鐘程式範例 線上時鐘程式範例結果 執行 setTimeout() 方法所產生的物件 執行『TimerID = SetTimeout()』 後, 會產生一個計時物件, 並儲存於等號左邊的變數 TimerID 中, 當時間到了並執行指定動作後, 此物件即會自動消失。 在時間尚未到時, 若您想取消計時功能, 則可以用 clearTimeout(TimerID) 來取消。 自動顯示網頁文件的最後修正日期範例 自動顯示網頁文件的最後修正日期範例 在 JavaScript 上, 我們可以藉由 document 物件的 lastModified 屬性來得知文件的最後修訂日期。再使用 document 物件的 write 方法將其顯示出來： 自動顯示網頁文件的最後修正日期範例 自動顯示網頁文件的最後修正日期範例 自動換下過期的文件 準備所需的時間物件 判斷文件是否過期 準備所需的時間物件 Epoch (新紀元) 計時 Date 物件內部的日期、時間儲存方式, 是沿用 Unix 系統的作法。 這個作法是計算從 1970 年 1 月 1 日起算下來到現在, 經過的總毫秒數。 當我們需要比較 2 個時間何者較早時, 我們就可以使用 getTime() 來取得兩個物件的 The Epoch 計時值, 再比較兩個值的大小即可。 執行流程控制敘述 JavaScript 與 C/C++ 語言相仿, 有一些流程控制的敘述, 其中一個就是『if ... else ...』。 判斷文件是否過期範例 接著加入判斷文件是否過期的 JavaScript 敘述： 判斷文件是否過期範例 將廣告內容以 JavaScript 程式產生, 放入 else 區間內： 判斷文件是否過期範例 根據日期更換背景 隨日期更換背景顏色 隨日期更換背景圖案 隨日期更換背景顏色 透過 Date 物件的 getday(), 取得目前系統是星期幾, 然後依據今天是一星期的哪一天, 透過程式變更背景顏色。 getDay() 的傳回值為 0~6 的數值, 其中 0 代表星期日、1 代表星期一、...、6 代表星期六。我們可透過 『document.body.bgColor = “顏色值”』, 來變更網頁背景的顏色。 隨日期更換背景顏色程式碼 隨日期更換背景顏色程式碼 隨日期更換背景顏色範例結果 隨日期更換背景圖案 只要透過 『document.body.background=所在路徑與圖檔名稱』, 就可輕易變更網頁的背景圖案。 隨日期更換背景圖案程式碼 隨日期更換背景圖案程式碼 隨日期更換背景圖案範例結果 body 子物件 其實 body 是隸屬於 document 物件的子物件, 而且對應的正是 BODY 標籤。body 子物件包含許多屬性, 其中 2 個就是『bgColor』與『background』。例如： 在 JavaScript 程式中, 其意義相同於： * * 本章將帶您一同輕鬆使用 JavaScript 內建的時間物件, 可達成時間的顯示與控制 必須建立兩個 Date 物件, 一個用來記錄現 在的時間, 一個用來記錄促銷的截止日期： 其中 getTime() 是取得時間物件的『The Epoch』計時數, 藉以讓兩者比較時間的早晚 (時間晚的數值較大)。 可 *