window.clearInterval() cancels a repeating timer created by setInterval() (MDN). Pass the ID from setInterval. Unknown IDs are ignored.
Pass the required arguments shown below. Check return values and browser support before you rely on the result.
Call window.clearInterval. Start with this line.
clearInterval(intervalID)| Call | What it does |
|---|---|
clearInterval(intervalID) | Primary signature. |
window.clearInterval(...) | Call with the arguments your case needs. |
Built into the browser. Call window.clearInterval(...) (or the global clearInterval(...)) — no import required.
clearInterval(intervalID)| Parameter | Description |
|---|---|
| intervalID | Required. ID returned by setInterval() |
| Return Value | Description |
|---|---|
| * | Always undefined |
Start an interval, then clear it immediately so it never fires.
const id = setInterval(function () {
console.log("tick");
}, 1000);
clearInterval(id);
console.log("stopped"); // stopped (no ticks)setInterval.clearInterval.clearInterval itself returns undefined.Keep a counter running until the user clicks Stop.
// Imagine buttons: Start / Stop and <pre id="out">
let id = null;
let n = 0;
function start() {
if (id !== null) return;
id = setInterval(function () {
n += 1;
document.getElementById("out").textContent = String(n);
}, 400);
}
function stop() {
clearInterval(id);
id = null;
}id !== null.clearInterval(id).id = null so Start can run again.Clear from inside the callback after a fixed number of ticks.
let n = 0;
const id = setInterval(function () {
n += 1;
console.log(n);
if (n >= 3) {
clearInterval(id);
}
}, 200);
// 1
// 2
// 3clearInterval(id) inside the callback.Calling clearInterval again with the same ID is safe.
const id = setInterval(function () {}, 1000);
clearInterval(id);
clearInterval(id); // no error
console.log("ok");id = null in real apps for clarity.A fake ID does nothing — and does not throw.
clearInterval(999999);
console.log("still ok");setInterval.setInterval in practice.Window.clearInterval() is marked Baseline Widely available on MDN (since July 2015). Also available in workers.
Cancel repeating setInterval timers across modern browsers.
Bottom line: Safe for production. Always clear intervals you no longer need.
Cancel a one-shot timer from setTimeout().
8 people found this page helpful