Contoh dalam artikel ini menerangkan kesan undur butang yang dilaksanakan oleh JQuery. Kongsikan dengan semua orang untuk rujukan anda, butirannya adalah seperti berikut:
Kesan yang memaparkan kira detik pada butang dan secara automatik menetapkan butang tidak tersedia selepas kira detik selesai Kod khusus adalah seperti berikut:
<html>
<head>
<title>test count down button</title>
<script src="jquery1.8.3.min.js" type="text/javascript"></script>
<script type="text/javascript">
$(function () {
$('#btn').click(function () {
var count = 10;
var countdown = setInterval(CountDown, 1000);
function CountDown() {
$("#btn").attr("disabled", true);
$("#btn").val("Please wait " + count + " seconds!");
if (count == 0) {
$("#btn").val("Submit").removeAttr("disabled");
clearInterval(countdown);
}
count--;
}
})
});
</script>
</head>
<body>
<input type="button" id="btn" value="Submit" />
</body>
</html>
Tangkapan skrin kesan berjalan adalah seperti berikut:
Saya harap artikel ini akan membantu semua orang dalam pengaturcaraan jQuery.
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
Apa yang perlu dilakukan jika terdapat konflik IP
![[Web front-end] Permulaan pantas Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
