javascript定時器簡介

今天我帶給大家的是網頁定時器之詳解。 

  在網頁的特效製作中,經常要用到定時器,比如:間隔一定時間後頁面自動跳轉,或者間隔一定時間出現某種效果,像網頁上的飛雪連天,或者背景顏色的定時改變等等。 

  若要頁面定時跳轉,簡單的可以在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)來清除。 

  好了,現在你就可以用定時器來爲你的主頁增光添彩了。 
發佈了13 篇原創文章 · 獲贊 0 · 訪問量 2萬+
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章