首頁 web前端 js教程 setTimeout()與setInterval()方法區別介紹_javascript技巧

setTimeout()與setInterval()方法區別介紹_javascript技巧

May 16, 2016 pm 05:07 PM
setinterval settimeout

計時器setTimeout()和setInterval()兩個都是js的計時功能的函數兩個有些差別。

setTimeout():

在js手冊中的解釋:用於在指定的毫秒數後調用函數或計算表達式;

也就是說在執行完設定好的秒數後再執行。

實驗代碼(改變body背景顏色):

複製代碼 代碼如下:

setTimeout(function(){
$("body").css("background","re​​d");
},5000);

setInterval() :

在js手冊中的解釋: 依照指定的週期(以毫秒計)來呼叫函數或計算表達式. 會不停地呼叫函數,直到clearInterval() 被呼叫或視窗被關閉;

在你設定好的秒數裡執行你自己效果程式碼或函數。

實驗碼(數秒實驗):
複製程式碼 程式碼如下:


程式碼如下:



程式碼如下:
>

<script> <br>var num = 0; <br>setInterval(function(){$(".clock").html(num )}, 1000); <br></script>
總結: setTimeout()方法是在等待指定時間後執行函數, 且只執行一次傳入的句柄函數. setInterval()方法是每指定間隔時間後執行一次傳入的句柄函數,循環執行直至關閉視窗或clearInterval().
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡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脫衣器

Video Face Swap

Video Face Swap

使用我們完全免費的人工智慧換臉工具,輕鬆在任何影片中換臉!

熱工具

記事本++7.3.1

記事本++7.3.1

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

SublimeText3漢化版

SublimeText3漢化版

中文版,非常好用

禪工作室 13.0.1

禪工作室 13.0.1

強大的PHP整合開發環境

Dreamweaver CS6

Dreamweaver CS6

視覺化網頁開發工具

SublimeText3 Mac版

SublimeText3 Mac版

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

熱門話題

Java教學
1664
14
CakePHP 教程
1423
52
Laravel 教程
1317
25
PHP教程
1268
29
C# 教程
1246
24
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

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

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

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

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

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

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

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

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

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

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

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毫秒觸發一次警

See all articles