Bagaimanakah Saya Boleh Melaraskan Interval setInterval secara Dinamik dalam JavaScript?

Melaraskan SetInterval Interval Secara Dinamik

Fungsi JavaScript ini pada asalnya menggunakan SetInterval untuk memanipulasi rentetan pada selang tetap 100 milisaat:

var interval = setInterval(function() { ... }, 100);

Walau bagaimanapun, pengguna ingin melaraskan perkara ini secara dinamik selang berdasarkan pembilang gelung. Menukarnya kepada:

var interval = setInterval(function() { ... }, 10*counter);

terbukti tidak berkesan.

Penyelesaian Menggunakan Fungsi Tanpa Nama

Untuk mencapai tingkah laku yang diingini, fungsi tanpa nama boleh digunakan :

var counter = 10;
var myFunction = function(){
    clearInterval(interval);
    counter *= 10;
    interval = setInterval(myFunction, counter);
}
var interval = setInterval(myFunction, counter);

Fungsi ini berulang kali mengosongkan selang semasa, mendarabkan pembilang sebanyak 10, dan menetapkan semula selang dengan nilai yang dikemas kini.

Penyelesaian Kemas Kini Menggunakan setTimeout

Seperti yang dicadangkan oleh A. Wolff, setTimeout menawarkan pendekatan alternatif yang menghapuskan keperluan untuk clearInterval:

var counter = 10;
var myFunction = function() {
    counter *= 10;
    setTimeout(myFunction, counter);
}
setTimeout(myFunction, counter);

Dengan kaedah ini, setTimeout secara rekursif menjadualkan fungsi dengan selang baru.

Atas ialah kandungan terperinci Bagaimanakah Saya Boleh Melaraskan Interval setInterval secara Dinamik dalam JavaScript?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!