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

