Penundaan Sebelum Eksekusi di JavaScript

Sekarang mari kita bahas fungsi setTimeout, yang memungkinkan untuk membuat penundaan sebelum menjalankan kode. Berbeda dengan fungsi setInterval, penundaan ini hanya akan terjadi satu kali.

Parameter pertama setTimeout menerima kode sumber fungsi, dan parameter kedua - penundaan dalam milidetik sebelum menjalankan fungsi tersebut.

Mari kita lihat cara kerja fungsi ini dengan sebuah contoh. Misalkan kita memiliki tombol seperti ini:

<input type="submit" id="elem">

Dapatkan referensi ke tombol kita dalam variabel:

let elem = document.querySelector('#elem');

Sekarang mari kita buat agar ketika tombol ditekan, alert akan muncul di layar, tetapi tidak segera, melainkan setelah 3 detik dari penekanan:

elem.addEventListener('click', function() {
	setTimeout(function() {
		alert('!');
	}, 3000);
});

Diberikan sebuah paragraf. Tulis kode yang akan menampilkan pesan di paragraf ini setelah 10 detik setelah halaman dimuat.