Menjalankan kode berulang tiap sekian detik dipakai untuk jam digital, slider otomatis, atau memeriksa data baru secara berkala. Artikel ini membahas cara menjalankan kode berulang dengan setInterval di JavaScript.
Fungsi setInterval()
<script>
const id = setInterval(function() {
console.log("Berulang tiap 1 detik");
}, 1000);
</script>
Contoh Kasus: Jam Digital
<script>
setInterval(function() {
const jam = new Date().toLocaleTimeString("id-ID");
document.getElementById("jam").textContent = jam;
}, 1000);
</script>
Contoh Kasus: Hitung Mundur
<script>
let sisa = 10;
const timer = setInterval(function() {
document.getElementById("waktu").textContent = sisa;
sisa--;
if (sisa < 0) {
clearInterval(timer); // hentikan saat selesai
alert("Waktu habis!");
}
}, 1000);
</script>
Selalu simpan ID yang dikembalikan agar bisa dihentikan dengan clearInterval(), jika tidak kode berjalan terus.
Kesimpulan
Gunakan setInterval() untuk menjalankan kode berulang seperti jam atau hitung mundur, dan selalu panggil clearInterval() saat tidak dibutuhkan lagi agar tidak membebani browser.
Referensi: untuk penjelasan lebih mendalam, kunjungi dokumentasi resmi JavaScript (MDN).

