Artikel ini menjelaskan metode pengaturan interval waktu antara dua klik tombol berturut -turut di JavaScript, dan dibagikan kepada Anda untuk referensi Anda. Metode implementasi spesifik adalah sebagai berikut:
Sering kali dalam aplikasi yang sebenarnya, kami mungkin tidak ingin tombol diklik tanpa gangguan, jadi kami harus membatasi interval waktu tertentu untuk mengklik tombol lagi. Mari kita perkenalkan cara menerapkan fungsi ini melalui contoh kode. Kodenya adalah sebagai berikut:
Salin kode sebagai berikut: <! Doctype html>
<Html>
<head>
<meta charset = "UTF-8">
<meta name = "penulis" content = "// www.vevb.com/"/>
<title> wulin.com </title>
<type skrip = "Teks/JavaScript">
window.onload = function () {
var odiv = document.geteLementById ("thediv");
var Obt = document.getElementById ("bt");
var count = 0;
var flag = null;
fungsi selesai () {
if (count == 0) {
clearInterval (bendera);
}
kalau tidak{
Count = Count-1;
}
}
obt.onClick = function () {
var val = parseInt (odiv.innerhtml);
if (count == 0) {
odiv.innerhtml = val+1;
hitung = 20;
flag = setInterval (selesai, 1000);
}
kalau tidak{
peringatan ("Ini juga membutuhkan"+(hitung)+"detik untuk mengklik");
}
}
}
</script>
</head>
<body>
<Div id = "thediv"> 0 </div>
<input type = "tombol" id = "bt" value = "view effect"/>
</body>
</html>
Kode di atas mengimplementasikan persyaratan kami dan dapat membatasi waktu interval tombol mengklik. Efek ini dapat diperluas ke fungsi lain, seperti membatasi waktu interval posting, dll. Mari kita perkenalkan proses implementasinya di bawah ini.
Komentar kode adalah sebagai berikut:
1.window.onload = function () {}, yang menentukan bahwa kode dalam fungsi akan dieksekusi setelah konten dokumen sepenuhnya dimuat.
2.Var odiv = document.getElementById ("thediv"), dapatkan objek elemen div.
3.Var Obt = Document.GetElementById ("BT"), dapatkan objek tombol.
4.var count = 0, nyatakan variabel dan tetapkan nilai awal ke 0, yang digunakan untuk menyimpan waktu interval.
5.Var Flag = null, nyatakan variabel dan tetapkan nilai awal ke null, variabel ini digunakan untuk menyimpan nilai pengembalian fungsi timer.
6.Function Done () {}, fungsi ini dapat terus dipanggil oleh fungsi timer untuk mengurangi jumlah.
7. jika (count == 0) {clearInterval (flag);}, jika Count == 0, eksekusi fungsi timer dihentikan.
8.else {count = count-1;}, jika tidak sama dengan 0, lakukan operasi penurunan.
9.obt.onClick = function () {}, daftarkan fungsi penanganan klik untuk tombol.
10.var val = parseInt (odiv.innerhtml), dapatkan konten di div dan ubah menjadi bilangan bulat.
11.Jika (hitung == 0) {
odiv.innerhtml = val+1;
hitung = 20;
flag = setInterval (selesai, 1000);
}
Jika Count sama 0, maka +1 di Div, dan atur Hitung ke 20, dan eksekusi fungsi timer dihidupkan.
12.else {alert ("Itu juga membutuhkan"+(hitung)+"detik untuk mengklik");}, jika hitungan tidak sama dengan nol, lalu berapa lama untuk mengklik saat bermunculan?
Saya harap artikel ini akan membantu pemrograman JavaScript semua orang.