Y at-il un moyen de tuer une boucle setInterval à travers un bouton OnClick

Question

Donc, j'ai une boucle infinie pour travailler dans cette fonction en utilisant setInterval attaché à un OnClick. Le problème est, je ne peux pas l'arrêter en utilisant clearInterval dans un onClick. Je pense que c'est parce que quand j'attache un clearInterval à un onClick, il tue un intervalle spécifique et pas la fonction tout à fait. Y at-il quelque chose que je peux faire pour tuer tous les intervalles grâce à un onClick?

Voici mon .js file et les appels que je fais sont

input type="button" value="generate" onClick="generation(); 

input type="button" value="Infinite Loop!" onclick="setInterval('generation()',1000);" 

input type="button" value="Reset" onclick="clearInterval(generation(),80;" // This one here is giving me trouble. 

Answer 1

Avez generation(); appel setTimeout à lui-même plutôt setInterval. C'était vous pouvez utiliser un peu si la logique dans la fonction pour l'empêcher de courir setTimeout assez facilement.

var genTimer 
var stopGen = 0 

function generation() { 
    clearTimeout(genTimer) ///stop additional clicks from initiating more timers 
    . . . 
    if(!stopGen) { 
     genTimer = setTimeout(function(){generation()},1000) 
    } 
} 

}

Answer 2

clearInterval est appliqué sur la valeur de retour de setInterval, comme ceci:

var interval = null; 
theSecondButton.onclick = function() { 
    if (interval === null) { 
     interval = setInterval(generation, 1000); 
    } 
} 
theThirdButton.onclick = function() { 
    if (interval !== null) { 
     clearInterval(interval); 
     interval = null; 
    } 
} 

Answer 3

setInterval retourne une poignée, vous avez besoin cette poignée, vous pouvez donc effacer

plus facile, créez un var pour le handle dans votre tête html, puis dans votre onclick utilisez le var

// in the head 
var intervalHandle = null; 

// in the onclick to set 
intervalHandle = setInterval(.... 

// in the onclick to clear 
clearInterval(intervalHandle); 

http://www.w3schools.com/jsref/met_win_clearinterval.asp