Bagaimana untuk Mengelakkan Kelewatan Awal dalam setInterval JavaScript?

Pelaksanaan SetInterval Tertunda atau Segera

Dalam JavaScript, kaedah setInterval ialah alat yang berharga untuk melaksanakan fungsi pada selang masa yang tetap. Walau bagaimanapun, secara lalai, ia mula dilaksanakan selepas kelewatan awal. Kelewatan ini boleh menjadi tidak diingini dalam situasi tertentu.

Penyelesaian: Invokasi Fungsi Segera

Untuk mengatasi kelewatan ini, penyelesaian yang mudah dan cekap adalah dengan memanggil fungsi secara manual sebelum menetapkan selang itu. Teknik ini memastikan bahawa fungsi dilaksanakan dengan segera:

foo();
setInterval(foo, delay);

Kaedah Alternatif: Menggunakan setTimeout

Sementara pemanggilan fungsi segera menyelesaikan masalah, menggunakan setTimeout menawarkan fleksibiliti tambahan:

function foo() {
    // ...
    setTimeout(foo, delay);
}

foo();

Kebaikan setTimeout:

• Selang Terjamin: setTimeout memastikan bahawa sentiasa ada selang sekurang-kurangnya milisaat kelewatan antara panggilan fungsi.
• Lebih mudah Pembatalan: Sangat mudah untuk membatalkan gelung dengan hanya meninggalkan panggilan setTimeout apabila khusus syarat dipenuhi.

Penyelesaian Dipertingkat: Ungkapan Fungsi Yang Dipanggil Serta-merta (IIFE)

Cara yang lebih ringkas untuk mencapainya ialah dengan membungkus kod dalam IIFE, menggabungkan definisi fungsi dan gelung automatik permulaan:

(function foo() {
    // ...
    setTimeout(foo, delay);
})();

Kesimpulan

Dengan memanfaatkan seruan fungsi segera atau alternatif setTimeout, adalah mungkin untuk mengawal masa pelaksanaan kaedah setInterval, memastikan fungsinya sejajar tepat dengan keperluan permohonan anda.

Atas ialah kandungan terperinci Bagaimana untuk Mengelakkan Kelewatan Awal dalam setInterval JavaScript?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!