今天我帶給大家的是網頁定時器之詳解。 在網頁的特效制作中,經常要用到定時器,比如:間隔一定時間后頁面自動跳轉,或者間隔一定時間出現某種效果,像網頁上的飛雪連天,或者背景顏色的定時改變等等。 若要頁面定時跳轉,簡單的可以在head頭部的meta標記中設定重定向就可以了。但我要說的是javascript中的定時器,它的功能是十分強大和有用的。 在javascript中有兩個關于定時器的函數,它們是: 1.倒計定時器:timename=setTimeout("function();",delaytime); 2.循環定時器:timename=setInterval("function();",delaytime); 其中倒計定時器顧名思義,是設定一段時間后執行function()函數,而循環定時器則是每隔一段時間都執行function()函數一次。 倒計定時器一般用在一段時間后的觸發的事件,比如頁面的定時跳轉,有一些站點就是在注冊完成后自動跳轉到登錄頁面,或者用于確定是“老客”還是“新客”,是老客則會點擊確定的某個地方(由站長設定)而快速進入站點,如果是“新客”,就不知道特定的點擊處,所以可以設定5秒或者10秒轉入新客頁面。 循環定時器則用于頁面上的持續效果,比如背景用飛雪。 function()函數,可以是一個函數,也可以是幾個函數,中間用;連接,還可以接入javawcript的語句。 delaytime則是設定間隔的時間,以毫秒為單位。 有時候,我們想把一個定時器去掉,像循環定時器就是一直不停的運動的。可以用clearTimeout(timename)來清除setTimeout()定時器,而setInterval()則用clearInterval(timename)來清除。 好了,現在你就可以用定時器來為你的主頁增光添彩了。
【本文版權歸作者與奧索網共同擁有,如需轉載,請注明作者及出處】
|