如何在網頁上做一個自動的時間表

我們可以通過程序在網頁上做很多不同的功能元素,時間表就是一個非常實用的元素,讓網頁自動呈現現在的時間結果,並可以不斷的進行更新。

工具/原料

dreamweaver

方法/步驟

案例分析:時間表分成三個部分,這裡有小時、分鐘、秒鐘。在具體到每一個時間的時候,還會有00:00:00的現象發生,因此,我們還要設置一個條件語句來指出特殊時間的處理方式。

代碼流程,首先,我們要聲明一下這個 java script 語句,再建立一個function 時間表(),好讓後來的頁面文本加以引用。

<script type="text/javascript">

對於不斷變化的小時、分鐘、秒鐘,我們設置三個變量,為了讓時間表可以呈現特殊的時間,我們還要把今天設置 為變量。

var 今天=new Date()

var h=今天.getHours()

var m=今天.getMinutes()

var s=今天.getSeconds()

時間表網頁文本的構成與變量的組合。

m=checkTime(m)

s=checkTime(s)

document.getElementById('文本').innerHTML=h+":"+m+":"+s

t=setTimeout('時間表()',500)

對於特殊的10點之前的時刻,我們要準備一個條件語句來設定。讓時間前面多一個0.

function checkTime(i)

{

if (i<10)

{i="0" + i}

return i

}

最後定義一下這個網頁的body內容。網頁上面就有了一個隨時變化數值的時間表。

<body onload="時間表()">

<div id="文本"></div>

</body>

本文內容整理自網絡, 文中所有觀點看法不代表淘大白的立場