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:

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

Dapatkan rujukan kepada butang kami dalam pembolehubah:

javascriptlet 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:

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