Set jendela Interval()
Contoh
Tampilkan "Halo" setiap detik (1000 milidetik):
setInterval(function () {element.innerHTML += "Hello"}, 1000);
Panggil displayHello setiap detik:
setInterval(displayHello, 1000);
Lebih banyak contoh di bawah ini.
Definisi dan Penggunaan
Metode setInterval()
ini memanggil fungsi pada interval tertentu (dalam milidetik).
Metode setInterval()
terus memanggil fungsi sampai
clearInterval()
dipanggil, atau jendela ditutup.
1 detik = 1000 milidetik.
Catatan
Untuk menjalankan fungsi hanya sekali, gunakan setTimeout()
metode sebagai gantinya.
Untuk menghapus interval, gunakan id yang dikembalikan dari setInterval():
myInterval = setInterval(function, milliseconds);
Kemudian Anda dapat menghentikan eksekusi dengan memanggil clearInterval():
clearInterval(myInterval);
Lihat juga:
Sintaksis
setInterval(function, milliseconds, param1, param2, ...)
Parameter
Parameter | Description |
function | Required. The function to execute |
milliseconds | Required. The execution interval. If the value is less than 10, 10 is used |
param1, param2, ... | Optional. Additional parameters to pass to the function Not supported in IE9 and earlier. |
Nilai Kembali
Jenis | Keterangan |
Sebuah angka | ID pengatur waktu. Gunakan id ini dengan clearInterval() untuk membatalkan timer. |
Lebih Banyak Contoh
Contoh
Menampilkan waktu seperti jam tangan digital:
setInterval(myTimer, 1000);
function myTimer()
{
const date = new Date();
document.getElementById("demo").innerHTML = date.toLocaleTimeString();
}
Contoh
Menggunakan clearInterval() untuk menghentikan jam tangan digital:
const myInterval = setInterval(myTimer, 1000);
function myTimer() {
const date = new Date();
document.getElementById("demo").innerHTML = date.toLocaleTimeString();
}
function myStopFunction()
{
clearInterval(myInterval);
}
Contoh
Menggunakan setInterval() dan clearInterval() untuk membuat bilah kemajuan dinamis:
function move() {
const element = document.getElementById("myBar");
let width = 0;
let id = setInterval(frame, 10);
function frame() {
if (width == 100) {
clearInterval(id);
} else {
width++;
element.style.width = width + '%';
}
}
}
Contoh
Beralih di antara dua warna latar belakang sekali setiap 500 milidetik:
const myInterval = setInterval(setColor, 500);
function setColor() {
let x = document.body;
x.style.backgroundColor = x.style.backgroundColor == "yellow" ? "pink" : "yellow";
}
function stopColor() {
clearInterval(myInterval);
}
Contoh
Lewati parameter ke fungsi (tidak berfungsi di IE9 dan sebelumnya):
setInterval(myFunc, 2000, "param1", "param2");
Namun, jika Anda menggunakan fungsi anonim, itu berfungsi di semua browser:
setInterval(function() {myFunc("param1", "param2")}, 2000);
Dukungan Peramban
setInterval()
didukung di semua browser:
Chrome | IE | Edge | Firefox | Safari | Opera |
Yes | Yes | Yes | Yes | Yes | Yes |