you can add interval to your component’s state and can clear it whenever you want. componentDidMount(){ const intervalId = setInterval(this.yourFunction, 1000) this.setState({ intervalId }) } componentWillUnmount(){ clearInterval(this.state.intervalId) }
setInterval returns an ID which you then use to clear the interval. var intervalId; on.onclick = function() { if (intervalId) { clearInterval(intervalId); } intervalId = setInterval(fontChange, 500); }; off.onclick = function() { clearInterval(intervalId); };
Actually I believe that we can make a fairly strong conclusion from the W3C spec (http://www.w3.org/TR/html5/webappapis.html#timers). It is not explicitly guaranteed but we have a lot of evidence that almost any reasonable implementation would have this behavior: 1) Timeouts and Intervals actually use the same underlying function: The setTimeout() method must return the value returned … Read more
As long as you have scope to the saved interval variable, you can cancel it from anywhere. In an “child” scope: var myInterval = setInterval(function(){ clearInterval(myInterval); },50); In a “sibling” scope: var myInterval = setInterval(function(){ foo(); },50); var foo = function () { clearInterval(myInterval); }; You could even pass the interval if it would go … Read more
var count=30; var counter=setInterval(timer, 1000); //1000 will run it every 1 second function timer() { count=count-1; if (count <= 0) { clearInterval(counter); //counter ended, do something here return; } //Do code for showing the number of seconds here } To make the code for the timer appear in a paragraph (or anywhere else on the … Read more
Yes you can. You can even test it: var i = 0; var timer = setInterval(function() { console.log(++i); if (i === 5) clearInterval(timer); console.log(‘post-interval’); //this will still run after clearing }, 200); In this example, this timer clears when i reaches 5.