Utilisation de clearInterval pour arrêter une fonction

Question

J'ai une fonction qui affiche des mots à différentes vitesses. La fonction démarre correctement, mais je n'arrive pas à obtenir le code correct pour l'arrêter à nouveau. Je sais que je dois utiliser clearInterval et je suppose que c'est pour vider la var myTimer - mais je n'arrive pas à faire fonctionner ça.

Toute aide serait appréciée

HTML

<input type="button" value="Start" onclick="wpm($numberWords,$speed)" /> 
<input type="button" value="Stop" onclick="stopWpm()" /> 

JS

var myTimer; 

function wpm(numberWords,speed) { 

    var input = new Array("a", "b", "c", "d", "e", "f", "g", "h", "i", "j", "k", "l", "m", "n", "o", "p", "q", "r", "s"); 

    var output = new Array(); 
    for (var i = 0; i < input.length; i += numberWords) { 
     output.push(input.slice(i, i + numberWords).join(" ")); 
    } 

    var i=0; 
    var myTimer =setInterval(timer,speed); //1000 will run it every 1 second 
    function timer() { 
     document.getElementById("timer").innerHTML = output[i]; 
     i++; 
     if (i == output.length){ 
      clearInterval(myTimer); 
     } 
    } 
} 

function stopWpm() { 
    clearInterval(myTimer); 
} 

Answer 1

vous avez myTimer; en tant que variable globale et dans wpm() vous avez redéclarée il essayer de retirer le var de myTimer au sein de la fonction wpm()

// ... 
var i=0; 
myTimer = setInterval(timer,speed); //1000 will run it every 1 second 
function timer() { 
// ... 

Answer 2

I had the same problem and this worked for me: 

    var operate = function() { start = setInterval(function(){ 
    ... 
    } 
} , time); } 
    var stop = function() { clearInterval(start); } 
    return { Start: start, Stop: stop } 
    } 

utilisation operate.Start() || operate.Stop() à gérer