Rumah >hujung hadapan web >tutorial js >Bagaimanakah Saya Boleh Membuat `setInterval` Melaksanakan Serta-merta dalam JavaScript?

Bagaimanakah Saya Boleh Membuat `setInterval` Melaksanakan Serta-merta dalam JavaScript?

Mary-Kate Olsen
Mary-Kate Olsenasal
2024-11-09 05:14:02940semak imbas

How Can I Make `setInterval` Execute Immediately in JavaScript?

Melaksanakan setInterval Serta-merta

Apabila menggunakan kaedah setInterval JavaScript, ia selalunya wajar untuk fungsi tersebut dilaksanakan serta-merta dan kemudian teruskan melaksanakan dengan yang ditentukan kelewatan pemasa. Walau bagaimanapun, secara lalai, setInterval tidak melaksanakan fungsi dengan serta-merta.

Pelaksanaan Awal tanpa Kelewatan

Pendekatan paling mudah ialah memanggil fungsi secara manual serta-merta sebelum menggunakan setInterval:

foo();
setInterval(foo, delay);

Kaedah Alternatif dengan setTimeout

Sebagai alternatif, anda boleh menggunakan setTimeout untuk mencetuskan pelaksanaan seterusnya bagi fungsi:

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

Kaedah ini memastikan kelewatan minimum antara panggilan fungsi dan memudahkan pembatalan.

Menggunakan Ungkapan Fungsi Segera (IIFE)

Teknik ini menggabungkan definisi fungsi dan pelaksanaan awal dalam satu pernyataan:

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

IIFE mentakrifkan fungsi dan memulakan gelung dalam satu baris kod, memberikan penyelesaian yang ringkas dan cekap.

Atas ialah kandungan terperinci Bagaimanakah Saya Boleh Membuat `setInterval` Melaksanakan Serta-merta dalam JavaScript?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan:
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn