Jika Anda tidak menghentikan metode setInterval dari memanggil fungsi, maka ia akan terus menjalankan fungsi tersebut hingga tak terbatas. Jadi kita perlu menghentikan interval
Untuk menghentikan metode setInterval[] gunakan metode clearInterval[]
dan teruskan instance dari fungsi setInterval[]
[Saat memanggil metode setInterval[], ia mengembalikan instance yang dapat disimpan dalam variabel]
var intervalInstance = setInterval[];
clearInterval[intervalInstance];
Contoh berikut berisi tombol title yang menghapus interval fungsi penghitung
Contoh
Clear Interval
function clearIt[]{
clearInterval[interval]; //clearing interval
}
var interval = setInterval[counting, 1000];
var count = 1;
var element = document.getElementById["output"];
function counting[]{
element.innerHTML += count + "
";
count++;
}
_▶ Cobalah2. Fungsi set Timeout
Metode setTimeout[] memanggil fungsi atau mengevaluasi ekspresi setelah jumlah milidetik yang ditentukan.
Tidak seperti metode setInterval[] , setTimeout[] .
setTimeout[function, interval]
// or
setTimeout[code, interval]
Metode ini berisi 2 parameter
- fungsi/kode - fungsi atau kode yang ingin Anda jalankan setelah waktu tertentu.
- interval - Ini diberikan waktu dalam milidetik setelah fungsi atau kode akan dieksekusi.
Contoh berikut menunjukkan waktu saat ini setelah 3 detik
Contoh
setTimeout[printTime, 3000];
function printTime[] {
console.log[new Date[]];
}
▶ Coba Jalankan Di SiniBagaimana Cara Menghentikan setTimeout[] Dari Memanggil Fungsi?
Metode
var count = 1;
function counting[] {
console.log[count];
count++;
}
// Calling function after 1 sec
setInterval[counting, 1000];
0 menghentikan eksekusi fungsi di setTimeout[]Metode
var count = 1;
function counting[] {
console.log[count];
count++;
}
// Calling function after 1 sec
setInterval[counting, 1000];
0 adalah metode var count = 1;
function counting[] {
console.log[count];
count++;
}
// Calling function after 1 sec
setInterval[counting, 1000];
2, sehingga dapat digunakan dengan atau tanpa merujuk ke jendelaclearTimeout[timeoutReference];
var timeoutReference = setTimeout[];
Metode setTimeout[] mengembalikan referensi yang diteruskan di
var count = 1;
function counting[] {
console.log[count];
count++;
}
// Calling function after 1 sec
setInterval[counting, 1000];
0 sebagai argumen untuk menghapus batas waktuMetode berikut mencetak waktu setelah tiga detik, menghentikannya dari pencetakan dengan mengosongkan setTimeout[]
Contoh
var ref;
var element = document.getElementById["output"];
function printTime[] {
ref = setTimeout[showTime, 3000];
}
function stopIt[] {
clearTimeout[ref];
}
function showTime[] {
element.innerHTML = new Date[];
}
_▶ CobalahKapan Menggunakan setInterval[] Dan setTimeout[]?
Mari kita lihat beberapa skenario dan lihat fungsi javascript apa yang digunakan untuk menjalankan fungsi dalam skenario yang diberikan
SkenarioApa yang digunakanUntuk memanggil fungsi 'n' beberapa kaliMenggunakan loop javascript, mengulang untuk 'n' beberapa kali, dan memanggil fungsi di setiap iterasiUntuk memanggil fungsi pada beberapa peristiwaGunakan metode 'addEventListener' dan ikat fungsi dengan eventInvoke yang diinginkan
Pengatur waktu adalah aspek penting dari bahasa pemrograman apa pun. Seperti yang kita tahu waktu adalah uang. Jadi dalam artikel ini, kita akan melihat bagaimana mengimplementasikan dan bekerja dengan Timer di JavaScript
Bekerja dengan Timer di JavaScript
Timer adalah fungsi yang memungkinkan kita untuk menjalankan fungsi pada waktu tertentu. Dengan menggunakan pengatur waktu, Anda dapat menunda eksekusi kode sehingga tidak selesai tepat pada saat peristiwa dipicu atau halaman dimuat. Misalnya, Anda dapat menggunakan penghitung waktu untuk mengubah spanduk iklan di situs web Anda secara berkala, atau menampilkan jam waktu nyata, dll.
Ada fungsi pengatur waktu di JavaScript. setTimeout[]
Bagian berikut akan menunjukkan kepada Anda cara membuat pengatur waktu untuk menunda eksekusi kode serta cara melakukan satu atau beberapa tindakan berulang kali menggunakan fungsi theis di JavaScript
Metode setTimeout jendela [].
Definisi dan Penggunaan
Metode setTimeout[] memanggil fungsi atau mengevaluasi ekspresi setelah jumlah milidetik yang ditentukan
TIP
- 1000 ms = 1 detik
- Fungsi hanya dijalankan sekali. Jika Anda perlu mengulangi eksekusi, gunakan metode
setInterval[]
- Gunakan metode
clearTimeout[]
_ untuk mencegah fungsi berjalan
Fungsi ini menerima dua parameter. sebuah fungsi, yang merupakan fungsi untuk dieksekusi, dan parameter penundaan opsional, yaitu jumlah milidetik yang mewakili jumlah waktu menunggu sebelum menjalankan fungsi [1 detik = 1000 milidetik].
Nilai Pengembalian. Ini mengembalikan angka yang mewakili nilai ID dari pengatur waktu yang disetel
Kode. Timer dalam JavaScript
Berikut adalah kode untuk Pengatur Waktu dalam JavaScript yang menyetel penghitung waktu 2 menit dan saat waktu habis peringatan Halaman "waktu habis". Metode setTimeout[]
_ memanggil fungsi atau mengevaluasi ekspresi setelah sejumlah milidetik yang ditentukan
setInterval[]
2
setInterval[]
3
Ketika waktu tersisa kurang dari satu menit, warna pengatur waktu berubah menjadi merah
Dengan ini, kita akan mengakhiri artikel Pengatur Waktu dalam JavaScript ini. Lihat Pelatihan Sertifikasi Angular oleh Edureka, perusahaan pembelajaran online tepercaya dengan jaringan lebih dari 250.000 pelajar yang puas yang tersebar di seluruh dunia.
Ada pertanyaan untuk kami?