September 6, 2020
Category : Javascript
jQuery
How to stop setinterval() after sometimes in jquery?
Sometimes we require to stop setInterval() after a while few time, so today i am going to give you simple example with setinterval stops after a while.
In this example i used two function as listed bellow:
setInterval() : Call on specified intervals time.
clearInterval() : Stop set interval.
You can see bellow full example, how to stop setinterval after 1 minute, You can also check demo, how work this example:
index.html
<!DOCTYPE html>
<html>
<head>
<title>Jquery setinterval stop after sometime</title>
<script type="text/javascript" src="//code.jquery.com/jquery-1.4.2.min.js"></script>
</head>
<body>
<button>Click to Start</button>
<pre></pre>
<script type="text/javascript">
$(document).ready(function() {
$("button").click(function(){
$(this).attr("disabled",true);
$("pre").append('Stop After 1min.<br/>');
var countTime = 0;
var storeTimeInterval = setInterval(function(){
++countTime;
$("pre").append(countTime*5 + 'sec.<br/>');
if(countTime == 12){
clearInterval(storeTimeInterval);
$("pre").append('stop');
}
}, 5000);
});
});
</script>
</body>
</html>
Maybe it can help you...
Hardik Savani
I'm a full-stack developer, entrepreneur and owner of Aatman Infotech. I live in India and I love to write tutorials and tips that can help to other artisan. I am a big fan of PHP, Laravel, Angular, Vue, Node, Javascript, JQuery, Codeigniter and Bootstrap from the early stage. I believe in Hardworking and Consistency.
