Apakah pemasa dalam javascript-Soal Jawab bahagian hadapan-php.cn

Apakah pemasa dalam javascript

青灯夜游

Lepaskan： 2021-11-26 18:04:27

asal

4447 orang telah melayarinya

Terdapat dua jenis pemasa dalam JavaScript: 1. Pemasa tunggal, ditakrifkan menggunakan kaedah setTimeout(), yang boleh melaksanakan blok kod sekali selepas masa yang ditentukan (dalam milisaat 2. Pemasa gelung, Gunakan). kaedah setInterval() untuk mentakrifkan kod tertentu untuk dilaksanakan berulang kali mengikut tempoh tertentu (dalam milisaat).

Apakah pemasa dalam javascript

Persekitaran pengendalian tutorial ini: sistem Windows 7, versi JavaScript 1.8.5, komputer Dell G3.

Dalam JavaScript, kami boleh menggunakan pemasa untuk menangguhkan pelaksanaan kod tertentu atau untuk melaksanakan berulang kali kod tertentu pada selang masa tetap. Contohnya, anda boleh menggunakan pemasa untuk mengemas kini iklan pada halaman secara kerap atau memaparkan jam masa nyata.

JavaScript menyediakan dua pemasa: setTimeout() dan setInterval()

方法	说明
setTimeout()	在指定的时间后（单位为毫秒），执行某些代码，代码只会执行一次
setInterval()	按照指定的周期（单位为毫秒）来重复执行某些代码，定时器不会自动停止，除非调用 clearInterval() 函数来手动停止或着关闭浏览器窗口

setTimeout()

JS setTimeout() Fungsi digunakan untuk laksanakan kod tertentu selepas masa yang ditetapkan Kod hanya dilaksanakan sekali.

Penggunaan:

setTimeout(code,millisec)

Salin selepas log masuk

kod Diperlukan. Rentetan kod JavaScript yang akan dilaksanakan selepas fungsi yang akan dipanggil.
milisec Diperlukan. Bilangan milisaat untuk menunggu sebelum melaksanakan kod.

Contoh:

<html>
	<head>
		<meta charset="utf-8" />
	</head>
	<body>
		<button id="button" onclick="click1()">获取验证码</button>
		<span id="span"></span>
		<script>
			var time = 10;
			var num;
			var button = document.getElementById("button");
			var span = document.getElementById("span");
 
			function click1() {
				//click是关键字,所有函数名改为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>

Salin selepas log masuk

setInterval()

JS setInterval() fungsi boleh mentakrifkan fungsi yang boleh dilaksanakan berulang kali Pemasa, setiap pelaksanaan perlu menunggu selang masa yang ditentukan.

Penggunaan:

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

Salin selepas log masuk

kod Diperlukan. Fungsi untuk dipanggil atau rentetan kod untuk dilaksanakan.
milisec Diperlukan. Selang masa, dalam milisaat, antara pelaksanaan berkala atau panggilan ke kod.

Contoh:

<html>
	<head>
		<meta charset="utf-8" />
	</head>
	<body>
		<button id="button" onclick="set()">获取验证码</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>

Salin selepas log masuk

[Pembelajaran yang disyorkan: tutorial lanjutan javascript]

Atas ialah kandungan terperinci Apakah pemasa dalam javascript. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!