溫馨提示×

溫馨提示×

您好，登錄后才能下訂單哦！

密碼登錄×
登錄注冊×
其他方式登錄
點(diǎn)擊 登錄注冊 即表示同意《億速云用戶服務(wù)條款》

javascript的定時(shí)器有哪幾種

發(fā)布時(shí)間：2021-11-29 10:48:19 來源：億速云 閱讀：381 作者：iii 欄目：web開發(fā)

本篇內(nèi)容介紹了“javascript的定時(shí)器有哪幾種”的有關(guān)知識，在實(shí)際案例的操作過程中，不少人都會遇到這樣的困境，接下來就讓小編帶領(lǐng)大家學(xué)習(xí)一下如何處理這些情況吧！希望大家仔細(xì)閱讀，能夠?qū)W有所成！

javascript里的定時(shí)器有兩種：1、單次定時(shí)器，使用setTimeout()方法定義，可以在規(guī)定時(shí)間（以毫秒計(jì)）過后執(zhí)行一次代碼塊；2、循環(huán)定時(shí)器，使用setInterval()方法定義，按照指定的周期（以毫秒計(jì)）來重復(fù)執(zhí)行某些代碼。

本教程操作環(huán)境：windows7系統(tǒng)、javascript1.8.5版、Dell G3電腦。

在 JavaScript 中，我們可以利用定時(shí)器來延遲執(zhí)行某些代碼，或者以固定的時(shí)間間隔重復(fù)執(zhí)行某些代碼。例如，您可以使用定時(shí)器定時(shí)更新頁面中的廣告或者顯示一個(gè)實(shí)時(shí)的時(shí)鐘等。

JavaScript 中提供了兩種定時(shí)器：setTimeout() 和 setInterval()

方法說明
setTimeout()在指定的時(shí)間后（單位為毫秒），執(zhí)行某些代碼，代碼只會執(zhí)行一次
setInterval()按照指定的周期（單位為毫秒）來重復(fù)執(zhí)行某些代碼，定時(shí)器不會自動停止，除非調(diào)用 clearInterval() 函數(shù)來手動停止或著關(guān)閉瀏覽器窗口

setTimeout()

JS setTimeout() 函數(shù)用來在指定時(shí)間后執(zhí)行某些代碼，代碼僅執(zhí)行一次。

使用方法：

setTimeout(code,millisec)

  • code    必需。要調(diào)用的函數(shù)后要執(zhí)行的 JavaScript 代碼串。

  • millisec    必需。在執(zhí)行代碼前需等待的毫秒數(shù)。

實(shí)例：

<html>
	<head>
		<meta charset="utf-8" />
	</head>
	<body>
		<button id="button" onclick="click1()">獲取驗(yàn)證碼</button>
		<span id="span"></span>
		<script>
			var time = 10;
			var num;
			var button = document.getElementById("button");
			var span = document.getElementById("span");
 
			function click1() {
				//click是關(guān)鍵字,所有函數(shù)名改為click1
				if (time == 0) {
					button.disabled = false;
					time = 10;
					span.innerHTML = "";
					clearTimeout(num);
				} else {
					button.disabled=true;
					span.innerHTML = time + "秒后重新獲得返回值";
					time--;
					num = setTimeout("click1()",1000);
				}
			}
		</script>
	</body>
</html>

setInterval()

JS setInterval() 函數(shù)可以定義一個(gè)能夠重復(fù)執(zhí)行的定時(shí)器，每次執(zhí)行需要等待指定的時(shí)間間隔。

使用方法：

setInterval(code,millisec[,"lang"])

  • code    必需。要調(diào)用的函數(shù)或要執(zhí)行的代碼串。

  • millisec    必須。周期性執(zhí)行或調(diào)用 code 之間的時(shí)間間隔，以毫秒計(jì)。

實(shí)例：

<html>
	<head>
		<meta charset="utf-8" />
	</head>
	<body>
		<button id="button" onclick="set()">獲取驗(yàn)證碼</button>
		<span id="span"></span>
		<script>
			var time = 10;
			var num;
			var button = document.getElementById("button");
			var span = document.getElementById("span");
 
			function set() {
				num = setInterval("click()", 1000);
				button.disabled = true;
			}
 
			function click() {
				if (time == 0) {
					button.disabled = false;
					time = 10;
					span.innerHTML = "";
					clearInterval(num);
				} else {
					span.innerHTML = time + "秒后重新獲得返回值"
					time--;
				}
			}
		</script>
	</body>
</html>

“javascript的定時(shí)器有哪幾種”的內(nèi)容就介紹到這里了，感謝大家的閱讀。如果想了解更多行業(yè)相關(guān)的知識可以關(guān)注億速云網(wǎng)站，小編將為大家輸出更多高質(zhì)量的實(shí)用文章！

向AI問一下細(xì)節(jié)

免責(zé)聲明：本站發(fā)布的內(nèi)容（圖片、視頻和文字）以原創(chuàng)、轉(zhuǎn)載和分享為主，文章觀點(diǎn)不代表本網(wǎng)站立場，如果涉及侵權(quán)請聯(lián)系站長郵箱：is@yisu.com進(jìn)行舉報(bào)，并提供相關(guān)證據(jù)，一經(jīng)查實(shí)，將立刻刪除涉嫌侵權(quán)內(nèi)容。

AI
助
手