Kelewatan Sebelum Pelaksanaan dalam JavaScript

Mari kita kaji fungsi setTimeout, yang membolehkan kita membuat kelewatan sebelum melaksanakan kod. Kelewatan ini, berbeza dengan fungsi setInterval, akan berlaku hanya sekali.

Parameter pertama setTimeout menerima kod sumber fungsi, dan parameter kedua - kelewatan dalam milisaat sebelum melaksanakan fungsi tersebut.

Mari kita lihat cara fungsi ini berkerja dengan menggunakan contoh. Katakan kita mempunyai butang seperti ini:

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

Dapatkan rujukan kepada butang kami dalam pembolehubah:

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

Sekarang, mari kita buat supaya apabila butang ditekan, alert akan dipaparkan, tetapi bukan serta-merta, tetapi selepas 3 saat daripada masa ditekan:

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

Diberi satu perenggan. Tulis kod yang akan memaparkan mesej dalam perenggan ini selepas 10 saat halaman dimuatkan.