const delay = 2;
const limit = 2;
let i = 1;
console.log('START!');
const limitedInterval = setInterval(() => {
console.log(`message ${i}, appeared after ${delay * i++} seconds`);
if (i > limit) {
clearInterval(limitedInterval);
console.log('interval cleared!');
}
}, delay * 1000);
// interval id initialization
var myIntervalID;
// setInterval execution
myIntervalID = setInterval(function() {
// your main code for interval execution (this is just an example code)
$("body").css("font-size", '75px').addClass("interval-deletion-signal");
// setInterval deletion
if($("body").hasClass("interval-deletion-signal")){
console.log('please make it stop the interval');
clearInterval(myIntervalID);
}
}, 1);
const App = () => {
const [loading, setLoading] = React.useState(true);
React.useEffect(() => {
const interval = setInterval(() => {
setLoading(false);
}, 3000);
return () => clearInterval(interval);
}, []);
return (
<div className="App">{loading ? <h1>Loading</h1> : <h2>Counter</h2>}</div>
);
}
ReactDOM.render(<App />, document.getElementById("root"));
// clearinterval javascript
let intervalID = setTimeout(()=>{
// some code
})
clearInterval(intervalID)
var startTime = new Date().getTime();
var interval = setInterval(function(){
if(new Date().getTime() - startTime > 5000){
clearInterval(interval);
return;
}else{
graph()
}
//do whatever here..
}, 1000);
clearInterval(intervalID);
$timer = setInterval(command, 5000);
clearInterval($timer);
//if you find the answer is useful ,
//upvote ⇑⇑ , so can the others benefit also . @mohammad alshraideh ( ͡~ ͜ʖ ͡°)