Kaedah: 1. Buat label dan tetapkan kandungan kepada nombor 10; 2. Gunakan setInterval() untuk menetapkan pemasa dan gunakan "var num=label.text();num--; Label. text(num);" menetapkan bahawa nilai 10 akan dikurangkan sebanyak 1 setiap saat; 3. Apabila nilai ialah 0, batalkan sahaja pemasa.
Persekitaran pengendalian tutorial ini: sistem Windows 7, versi jquery 1.10.2, komputer Dell G3.
jquery melaksanakan kira detik 10 saat
Kaedah pelaksanaan:
Buat label dan tetapkan kandungan Tetapkan pemasa untuk nombor 10
menggunakan setInterval() untuk mengurangkan kandungan label 10 kali 1 setiap saat.
Apabila nilai ialah 0, gunakan clearInterval() untuk membatalkan pemasa
Contoh pelaksanaan:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<script src="js/jquery-1.10.2.min.js"></script>
<script>
$(document).ready(function() {
$("button").click(function() {
var myVar = setInterval(function(){
var num=$("span").text();
num--;
$("span").text(num);
if(num==0){
clearInterval(myVar);
}
}, 1000);
});
});
</script>
</head>
<body>
<div><span>10</span> 秒</div><br>
<button>开始十秒倒计时</button>
</body>
</html> 
[Pembelajaran yang disyorkan: tutorial video jQuery, video bahagian hadapan web]
Atas ialah kandungan terperinci Bagaimana untuk melaksanakan undur 10 saat dalam jquery. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!
Apakah pemalam jquery?
Bagaimana untuk mengendalikan json dengan jquery
Bagaimana untuk memadam elemen dalam jquery
Penggunaan kaedah jQuery hover().
jquery melaksanakan kaedah paging
Apakah elemen tersembunyi dalam jquery
Apa yang ditonjolkan dalam jquery
Penyelesaian kepada penetapan vscode antara muka Cina tidak berkuat kuasa
![[Web front-end] Permulaan pantas Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
