Bagaimanakah Saya Boleh Melaksanakan Kelewatan dalam Gelung JavaScript untuk Mengelakkan Lelaran Bertindih?

Melaksanakan Kelewatan dalam Gelung JavaScript

Masalah:

Memperkenalkan kelewatan dalam gelung semasa JavaScript sering menyebabkan gelung berjalan terlalu cepat, membawa kepada hasil yang tidak diingini. Bagaimanakah kita boleh membuat gelung yang termasuk kelewatan antara lelaran?

Penyelesaian:

Fungsi setTimeout(), walaupun berguna untuk memperkenalkan kelewatan, tidak menyekat dan dilaksanakan serta merta. Akibatnya, berbilang setTimeout() panggilan dalam gelung akan bertindih.

Sebaliknya, kita boleh menggunakan corak gelung rekursif untuk mencapai kesan yang diingini. Berikut ialah contoh:

var i = 1;                    // Set counter to 1

function myLoop() {         // Create loop function
  setTimeout(function() {   // Call 3s setTimeout when loop is called
    console.log('hello');   // Your code here
    i++;                    // Increment counter
    if (i < 10) {           // If counter < 10, call loop function again
      myLoop();             // Trigger another setTimeout()
    }                       
  }, 3000)
}

myLoop();                   // Start the loop

Dalam pendekatan ini, fungsi myLoop() secara rekursif memanggil dirinya sendiri dalam panggilan balik setTimeout(). Setiap lelaran ditangguhkan selama 3 saat, memastikan pelaksanaan gelung secara berurutan.

Atas ialah kandungan terperinci Bagaimanakah Saya Boleh Melaksanakan Kelewatan dalam Gelung JavaScript untuk Mengelakkan Lelaran Bertindih?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!