How to stop setinterval() after sometimes in jquery?

By Hardik Savani September 6, 2020 Category : Javascript 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...