Comment puis-je modifier dynamiquement l'intervalle de « setInterval » en JavaScript ?

Modification de l'intervalle de setInterval pendant l'exécution

La méthode setInterval facilite l'exécution répétée d'une fonction à un intervalle spécifié. Cependant, si vous devez ajuster dynamiquement cet intervalle pendant l'exécution de la fonction, certains défis se posent.

Dans l'exemple fourni, vous avez tenté de modifier l'intervalle en utilisant la ligne suivante :

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

Cependant, cette approche a échoué car la valeur du compteur 10*était évaluée à 0. Pour résoudre ce problème, vous pouvez utiliser une fonction anonyme, comme illustré ci-dessous :

var counter = 10;
var myFunction = function() {
    clearInterval(interval); // Stop the current interval
    counter *= 10; // Increment the counter
    interval = setInterval(myFunction, counter); // Set a new interval with the updated counter
}
var interval = setInterval(myFunction, counter); // Start the initial interval

Cette fonction anonyme efface l'intervalle actuel, ajuste la valeur du compteur, puis définit un nouvel intervalle avec le compteur mis à jour.

Solution alternative : utilisation de setTimeout

Au lieu d'utiliser clearInterval et setInterval, vous pouvez utiliser setTimeout pour implémenter l'ajustement de l'intervalle. Cette approche élimine le besoin d'effacer l'intervalle précédent :

var counter = 10;
var myFunction = function() {
    counter *= 10; // Increment the counter
    setTimeout(myFunction, counter); // Set a new timeout with the updated counter
}
setTimeout(myFunction, counter); // Start the initial timeout

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!