Penjelasan terperinci tentang dua kaedah kelewatan JS biasa

Dalam JavaScript, kita selalunya perlu melakukan operasi kelewatan untuk mencapai fungsi tertentu Contohnya, apabila memaparkan animasi pada halaman web atau melaksanakan permintaan tak segerak, kita perlu mengawal masa pelaksanaan JS. Artikel ini akan memperkenalkan dua kaedah kelewatan JS biasa, termasuk setTimeout dan fungsi setInterval.

1. fungsi setTimeout

Menggunakan fungsi setTimeout boleh melaksanakan fungsi atau serpihan kod selepas tempoh masa tertentu. Fungsi ini menerima dua parameter Parameter pertama ialah fungsi atau serpihan kod yang akan dilaksanakan, dan parameter kedua ialah masa tunda dalam milisaat. Contohnya:

setTimeout(function() {
    console.log('Hello World!');
}, 1000);

Kod di atas bermaksud mencetak "Hello World!" Kami juga boleh menulisnya dalam bentuk fungsi anak panah:

setTimeout(() => console.log('Hello World!'), 1000);

Jika anda ingin membatalkan operasi setTimeout sebelum kelewatan tamat, anda boleh menggunakan fungsi clearTimeout Fungsi ini menerima pengecam unik setTimeout sebagai parameter.

let timeoutId = setTimeout(() => console.log('Hello World!'), 1000);
clearTimeout(timeoutId);

Dalam kod di atas, kami mula-mula mencipta operasi tertunda melalui fungsi setTimeout, menyimpan pengecamnya dalam pembolehubah timeoutId, dan kemudian mengosongkan operasi tertunda dengan serta-merta.

2. Fungsi setInterval

Fungsi setInterval adalah serupa dengan fungsi setTimeout dan juga digunakan untuk melaksanakan kelewatan operasi. Perbezaannya ialah fungsi setInterval akan menggelung dan melaksanakan fungsi tertentu atau serpihan kod pada selang masa yang tetap sehingga berhenti. Fungsi ini menerima dua parameter, parameter pertama ialah fungsi atau serpihan kod yang akan dilaksanakan, dan parameter kedua ialah masa antara dua pelaksanaan, dalam milisaat. Contohnya:

setInterval(function() {
    console.log('I am running!');
}, 1000);

Kod di atas bermaksud untuk mengeluarkan ‘Saya sedang berlari!’ setiap 1 saat.

Jika anda perlu menghentikan gelung setInterval daripada melaksanakan fungsi, anda boleh menggunakan fungsi clearInterval, yang menerima pengecam unik setInterval sebagai parameter.

let intervalId = setInterval(() => console.log('I am running!'), 1000);
clearInterval(intervalId);

Dalam kod di atas, kami mula-mula mencipta operasi untuk dilaksanakan dalam gelung melalui fungsi setInterval, simpan pengecamnya dalam pembolehubah intervalId, dan kemudian hentikan operasi dengan serta-merta.

Ringkasan

Fungsi setTimeout dan setInterval adalah sangat biasa dalam pembangunan bahagian hadapan, yang melaluinya atur cara JS boleh dikawal dan dijadualkan dengan lebih tepat. Semasa pelaksanaan khusus, anda mesti memberi perhatian kepada penetapan parameter dan pembatalan operasi menggunakan fungsi clearTimeout atau clearInterval untuk mengelakkan hasil yang tidak dijangka. Saya harap artikel ini dapat membantu pemula JS.

Atas ialah kandungan terperinci Penjelasan terperinci tentang dua kaedah kelewatan JS biasa. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!