Comment faire en sorte qu'un setInterval s'arrête après un certain temps ou après un certain nombre d'actions ?

Question

J'ai créé une boucle de "changement de mots" avec jQuery en utilisant le code dans cette réponse : jQuery : Trouver un mot et le changer toutes les quelques secondes

Comment l'arrêter après un certain temps ? Disons après 60 secondes ou après qu'il ait parcouru la boucle ?

(function() {

  // List your words here:
  var words = [
      'Lärare',
      'Rektor',
      'Studievägledare',
      'Lärare',
      'Skolsyster',
      'Lärare',
      'Skolpsykolog',
      'Administratör'
    ],
    i = 0;

  setInterval(function() {
    $('#dennaText').fadeOut(function() {
      $(this).html(words[i = (i + 1) % words.length]).fadeIn();
    });
    // 2 seconds
  }, 2000);

})();

Answer 1

Vous pouvez utiliser setTimeout à la place, ce qui est mieux :

(function foo(){ // wrap everything in a self-invoking function, not to expose "times"
  times = 20; // how many times to run
  (function run(){
    // do your stuff, like print the iteration
    document.body.innerHTML = times;

    if( --times ) // 200 * 20 = 4 seconds
      setTimeout(run, 100);
  })();
})();