window.clearInterval Method Javascript DOM Share / Like

The clearInterval method of the window object is used to stop a time interval based function from running. setInterval() initiates the timed functionality, while clearInterval() stops it from further processing.

SYNTAX window.clearInterval( interval )

Parameters

interval
The identifier that represents the setInterval() that you wish to target.

Javascript CODE EXAMPLE

<!DOCTYPE html>
<html>
<body>
<h1 id="status">0</h1>
<button onclick="clearInt();">Stop the timed function</button>
<script type="text/javascript">
var seconds = 0;
var myInterval = window.setInterval(timedFunction, 1000);
function timedFunction() {
    seconds++;
    document.getElementById("status").innerHTML = seconds;
}
function clearInt() {
    window.clearInterval(myInterval);
}
</script>
</body>
</html>

0

TIP: You can choose to not apply the reference for the "window" object since it is implied if not specified. window.clearInterval(myInterval); works the same as clearInterval(myInterval);

Related Material

setTimeout()
clearTimeout()

Libraries

Videos

Resources

Parameters

0