Cara Menjalankan Kode dengan Jeda Waktu di JavaScript

Menunda eksekusi kode berguna untuk notifikasi yang hilang otomatis, efek berurutan, atau menunggu sesaat sebelum aksi. Artikel ini membahas cara menjalankan kode dengan jeda waktu (setTimeout) di JavaScript.

Fungsi setTimeout()

<script>
setTimeout(function() {
    console.log("Muncul setelah 2 detik");
}, 2000);
</script>

Angka kedua adalah jeda dalam milidetik (2000 = 2 detik).

Contoh Kasus: Notifikasi yang Hilang Otomatis

<script>
function tampilNotif(pesan) {
    const notif = document.getElementById("notif");
    notif.textContent = pesan;
    notif.style.display = "block";
    setTimeout(() => { notif.style.display = "none"; }, 3000); // hilang 3 detik
}
</script>

Membatalkan Timeout

<script>
const id = setTimeout(() => console.log("Halo"), 5000);
clearTimeout(id); // batalkan sebelum berjalan
</script>

Jebakan: setTimeout dalam Perulangan

Menggunakan let (bukan var) di dalam perulangan dengan setTimeout penting agar setiap iterasi mendapat nilai yang benar.

Kesimpulan

Gunakan setTimeout() untuk menjalankan kode sekali setelah jeda, ideal untuk notifikasi otomatis. Simpan ID-nya bila perlu dibatalkan dengan clearTimeout().

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 *