Wie clearInterval() zur Verwendung von Verschluss

Question

, wie setzen Sie diese mit Onclick einer Taste für setInterval

function MakeCounter(){ 
    var count = 0; 
    setInterval (countIt, 1000) 
     function countIt(){ 
      count++; 
      document.getElementById('demo').innerHTML = count; // result div 
     } 
} 
MakeCounter(); 

Answer 1

var myVar = setInterval(function(){ myTimer() }, 1000); 

function myTimer() { 
    var d = new Date(); 
    var t = d.toLocaleTimeString(); 
    document.getElementById("demo").innerHTML = t; 
} 

function myStopFunction() { 
    clearInterval(myVar); 
} 

Answer 2

erklären einige Global Variable stoppen dann mit clearInterval(start)

Demo Snippet klicken:

var start ; 
 
function MakeCounter(){ 
 
    var count = 0; 
 
    start = setInterval (countIt, 1000) 
 
     function countIt(){ 
 
      count++; 
 
      document.getElementById('demo').innerHTML = count; // result div 
 
     } 
 
} 
 
MakeCounter();

<p id="demo"></p> 
 
<button onclick="clearInterval(start)">stop</button>

Answer 3

Sie können die Schaltfläche innerhalb der Funktion erstellen und einen Evel-Listener zum Stoppen des Intervalls hinzufügen.

function MakeCounter() { 
 
    function countIt() { 
 
     count++; 
 
     document.getElementById('demo').innerHTML = count; 
 
    } 
 

 
    var count = 0, 
 
     interval = setInterval(countIt, 1000), 
 
     button = document.createElement('button'); 
 

 
    button.appendChild(document.createTextNode('stop')); 
 
    button.id = 'stop'; 
 
    document.body.appendChild(button); 
 
    document.getElementById('stop').addEventListener('click', function() { 
 
     clearInterval(interval); 
 
    }, false); 
 
} 
 

 
MakeCounter();

<div id="demo">0</div>