1. Apa itu timer JavaScript?
Dalam JavaScript, kita dapat menjalankan kode setelah interval yang ditetapkan, daripada segera setelah fungsi dipanggil.
2. Jenis Timer
Timer satu kali: dipicu hanya sekali setelah waktu tunda yang ditentukan.
Timer pemicu interval: memicu setiap interval waktu tertentu
3. Metode Timer
1): Timer satu kali
A): setTimeOut (): Jalankan kode setelah waktu tunda yang ditentukan dan jalankan sekali.
Sintaks: setTimeout (kode, waktu tunda);
Deskripsi Parameter:
1. Fungsi yang akan dipanggil atau string kode yang akan dieksekusi.
2. Waktu tunda: Waktu untuk menunggu sebelum menjalankan kode, dalam milidetik (1s = 1000ms).
B): clearTimeout (): Batalkan setTimeout ()
Sintaks: ClearTimeout (Timer)
Deskripsi Parameter:
Timer: Nilai ID dikembalikan oleh setTimeout (). Nilai ini mengidentifikasi blok kode eksekusi tertunda yang akan dibatalkan.
Call SetTimeOut () dan ClearTimeOut () Metode Penundaan:
Salinan kode adalah sebagai berikut:
<! Doctype html>
<Html>
<head>
<meta charset = "UTF-8">
<iteme> JavaScript Timer </iteme>
<input type = "tombol" value = "start" id = "btnstart" onclick = "startPrint ()">
<input type = "tombol" value = "jeda" id = "btnstop" onclick = "stopprint ()">
<br>
</head>
<body>
<type skrip = "Teks/JavaScript">
// Tentukan metode pencetakan
function print ()
{
console.log ("Saya mencetak!");
}
var timer; // nilai ini mengidentifikasi blok kode eksekusi tertunda yang akan dibatalkan
// Mulai mencetak
fungsi startprint ()
{
timer = setTimeout (cetak, 1000); // hubungi timer, tunda pencetakan dengan 1 detik, hanya jalankan sekali
}
// Akhiri Pencetakan
fungsi stopprint ()
{
ClearTimeout (timer); // Batalkan timer
}
</script>
</body>
</html>
Hubungi Metode Loop Infinite Loop () dan ClearTimeout ():
Salinan kode adalah sebagai berikut:
<! Doctype html>
<Html>
<head>
<meta charset = "UTF-8">
<iteme> JavaScript Timer </iteme>
<input type = "tombol" value = "start" id = "btnstart" onclick = "startPrint ()">
<input type = "tombol" value = "jeda" id = "btnstop" onclick = "stopprint ()">
<br>
</head>
<body>
<type skrip = "Teks/JavaScript">
// Tentukan metode pencetakan
function print ()
{
console.log ("Saya mencetak!");
timer = setTimeout (cetak, 1000); // mulai timer, panggil diri Anda, dan lakukan loop tak terbatas
}
var timer; // nilai ini menunjukkan blok kode untuk membatalkan eksekusi tertunda
// Mulai mencetak
fungsi startprint ()
{
Print (); // hubungi metode pencetakan
}
// Akhiri Pencetakan
fungsi stopprint ()
{
ClearTimeout (timer); // Batalkan timer
}
</script>
</body>
</html>
2): Timer pemicu interval
A): setInterval (): Saat mengeksekusi, kode dieksekusi setiap waktu yang ditentukan setelah halaman dimuat.
Sintaks: setInterval (kode, waktu interaksi);
Deskripsi Parameter:
1. Kode: Fungsi yang akan dipanggil atau string kode yang akan dieksekusi.
2. Waktu Interaksi: Interval waktu antara eksekusi periodik atau ekspresi panggilan, diukur dalam milidetik (1S = 1000ms).
Nilai pengembalian:
Nilai yang dapat diteruskan ke ClearInterval () untuk membatalkan eksekusi "kode" secara berkala.
Format fungsi panggilan (dengan asumsi ada fungsi clock ()):
setInterval ("clock ()", 1000) atau setInterval (jam, 1000)
B): Metode ClearInterval () membatalkan waktu interaksi yang ditetapkan oleh setInterval ()
Sintaks: ClearInterval (Timer)
Deskripsi Parameter:
Timer: Nilai ID yang dikembalikan oleh setInterval ().
Memanggil setInterval () dan clearInterval () untuk menjalankan contoh metode eksekusi interval
Salinan kode adalah sebagai berikut:
<! Doctype html>
<Html>
<head>
<meta charset = "UTF-8">
<iteme> JavaScript Timer </iteme>
<input type = "tombol" value = "start" id = "btnstart" onclick = "startPrint ()">
<input type = "tombol" value = "jeda" id = "btnstop" onclick = "stopprint ()">
<br>
</head>
<body>
<type skrip = "Teks/JavaScript">
// Tentukan metode pencetakan
function print ()
{
console.log ("Saya mencetak!");
}
var timer; // nilai ini mengidentifikasi blok kode eksekusi timer yang akan dibatalkan
// Mulai mencetak
fungsi startprint ()
{
timer = setInterval ("print ()", 1000); // Mulai pengatur waktu
}
// Akhiri Pencetakan
fungsi stopprint ()
{
clearInterval (timer); // Batalkan timer
}
</script>
</body>
</html>
Di atas adalah semua konten yang dijelaskan dalam artikel ini. Saya harap Anda bisa menyukainya.