Cara Menjalankan Kode Berulang dengan setInterval di JavaScript

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).

Baca Juga

Ali Akbar

Software Developer yang fokus mengembangkan aplikasi berbasis Web dan Desktop. Senang mempelajari teknologi baru terutama di bidang web design dan web development.

View all posts by Ali Akbar →

Tinggalkan Balasan

Alamat email Anda tidak akan dipublikasikan. Ruas yang wajib ditandai *