首頁 web前端 js教程 JavaScript SetInterval與setTimeout使用方法詳解_基礎知識

JavaScript SetInterval與setTimeout使用方法詳解_基礎知識

May 16, 2016 pm 05:15 PM
setinterval settimeout

setTimeout和setInterval的語法相同。它們都有兩個參數,一個是將要執行的程式碼字串,還有一個是以毫秒為單位的時間間隔,當過了那個時間段之後就將執行那段程式碼。
不過這兩個函數還是有差別的,setInterval在執行完一次程式碼之後,經過了那個固定的時間間隔,它還會自動重複執行程式碼,而setTimeout只執行一次那段程式碼。
區別:
window.setTimeout("function",time);//設定一個超時對象,只執行一次,無週期
window.setInterval("function",time);//設定一個超時對象,週期='交互時間'
停止定時:
window.clearTimeout(對象) 清除已設定的setTimeout對象
window.clearInterval(對象) 清除已設定的setInterval對象

複製程式碼 程式碼如下:

PerRefresh();

function PerRefresh()     var today = new Date();
     alert("The time is: " today.toString());
     setTimeout("showTime()", 5000); >
 一旦呼叫了這個函數PerReflesh,那麼就會每隔5秒鐘就顯示一次時間



複製程式碼
程式碼如下:setInterval("PerRefresh()", 5000);
function PerRefresh() {
     var today = newRefresh() {
   The time is: " today.toString());
}


而setInterval卻沒有被自己所調用的函數所束縛,它只是簡單地每隔一定時間就重複執行一次那個函數。
只要呼叫了setInterval("PerRefresh()", 5000)此函數,那麼每隔5秒鐘就會執行PerRefresh這個函數。
如果要求在每隔一個固定的時間間隔後就精確地執行某動作,那麼最好使用setInterval,而如果不想因為連續呼叫產生互相干擾的問題,尤其是每次函數的呼叫需要繁重的計算以及很長的處理時間,那麼最好使用setTimeout。
setInterval 不斷執行指定代碼直到呼叫clearInterval清除定時器物件
setTimeout 執行一次指定代碼,使用clearTimeout清除定時器物件
setInterval和setTimeout都傳回定時器物件標識符,用於clearInterval和clearTimeoutout呼叫
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn

熱AI工具

Undresser.AI Undress

Undresser.AI Undress

人工智慧驅動的應用程序,用於創建逼真的裸體照片

AI Clothes Remover

AI Clothes Remover

用於從照片中去除衣服的線上人工智慧工具。

Undress AI Tool

Undress AI Tool

免費脫衣圖片

Clothoff.io

Clothoff.io

AI脫衣器

AI Hentai Generator

AI Hentai Generator

免費產生 AI 無盡。

熱門文章

R.E.P.O.能量晶體解釋及其做什麼(黃色晶體)
3 週前 By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O.最佳圖形設置
3 週前 By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O.如果您聽不到任何人,如何修復音頻
3 週前 By 尊渡假赌尊渡假赌尊渡假赌

熱工具

記事本++7.3.1

記事本++7.3.1

好用且免費的程式碼編輯器

SublimeText3漢化版

SublimeText3漢化版

中文版,非常好用

禪工作室 13.0.1

禪工作室 13.0.1

強大的PHP整合開發環境

Dreamweaver CS6

Dreamweaver CS6

視覺化網頁開發工具

SublimeText3 Mac版

SublimeText3 Mac版

神級程式碼編輯軟體(SublimeText3)

settimeout和setinterval有什麼差別 settimeout和setinterval有什麼差別 Aug 15, 2023 pm 02:06 PM

settimeout和setInterval的區別:1、觸發時間,settimeout是一次性的,它在設定延遲時間之後執行一次函數,而setinterval是重複性的,它會以設定的時間間隔重複執行函數;2、執行次數,settimeout只執行一次,而setinterval會一直重複執行,直到被取消。

如何使用setInterval函數定時執行程式碼? 如何使用setInterval函數定時執行程式碼? Nov 18, 2023 pm 05:00 PM

如何使用setInterval函數定時執行程式碼?在JavaScript中,setInterval函數是一個非常有用的函數,它可以定時執行一段程式碼。透過setInterval函數,我們可以在特定的時間間隔內重複執行指定的程式碼。本文將詳細介紹如何使用setInterval函數,並提供具體的程式碼範例。一、setInterval函數的基本語法如下:setInterv

Window.setInterval()方法怎麼使用 Window.setInterval()方法怎麼使用 Aug 31, 2023 am 09:33 AM

Window.setInterval() 方法的基本語法是“window.setInterval(function, delay)”,function是要重複執行的函數或程式碼區塊,delay是每次執行之間的時間間隔,以毫秒為單位。此方法是JavaScript中用於定時重複執行指定函數或程式碼的方法,它的使用非常簡單,只需要傳入要執行的函數或程式碼區塊以及重複執行的時間間隔。

setInterval如何停止 setInterval如何停止 Dec 11, 2023 am 11:39 AM

可以使用clearInterval函數來停止由setInterval函數所建立的定時器。 setInterval函數會傳回一個唯一的定時器ID,可以將此ID作為參​​數傳遞給clearInterval函數,以停止定時器的執行。

設定時間間隔 設定時間間隔 Aug 02, 2023 am 10:17 AM

setInterval函數是JavaScript中的一個定時器函數,允許你設定一個間隔,並在每個間隔之後執行指定的程式碼,需要定期處理某些任務或即時更新頁面元素的情況非常有用,要注意使用setInterval時的性能和可靠性問題,並根據需要進行最佳化。

setinterval用法詳解 setinterval用法詳解 Sep 12, 2023 am 09:55 AM

setinterval用法是“setInterval(function, delay);”,“function”是要執行的函數,可以是函數表達式或函數引用,“delay”是執行函數之間的時間間隔,以毫秒為單位。 setInterval是JavaScript中用來週期性執行程式碼的函數,它接受一個函數和一個時間間隔作為參數,會依照指定的時間間隔重複執行函數。

setTimeout()和setInterval()在JavaScript中有什麼不同? setTimeout()和setInterval()在JavaScript中有什麼不同? Sep 01, 2023 pm 03:01 PM

setTimeout(function,duration)-該函數在duration毫秒後呼叫函數。這適用於一次執行。讓我們來看一個例子-它等待2000毫秒,然後運行回呼函數alert('Hello')-setTimeout(function(){alert('Hello');},2000);setInterval(function,uration)-此函數在每duration毫秒後呼叫function。這可以無限次進行。讓我們來看一個例子-它每2000毫秒觸發一次警

在JavaScript中使用clearTimeout函數取消setTimeout的計時器 在JavaScript中使用clearTimeout函數取消setTimeout的計時器 Nov 18, 2023 am 08:05 AM

在JavaScript中使用clearTimeout函數取消setTimeout的計時器,需要具體程式碼範例在JavaScript中,setTimeout函數是用來在指定的時間延遲後執行一次特定的程式碼。而setInterval函數則是用來在指定的時間間隔內重複執行一段特定的程式碼。然而,在某些情況下,我們可能需要在定時器執行之前取消它。在這種情況下,就可以使用c

See all articles