JavaScript clearTimeout() & clearInterval() Method

In JavaScript there are many inbuilt functions clearTimeout() and clearInterval() methods are some of them. when we use setTimeout() and setInterval() in any JavaScript program then it must clear the time used in those functions so we use the clearTimeout() and clearInterval() methods.

Prerequisite:

setTimeout() and setInterval()

JavaScript clearTimeout()Function

The clearTimeout() function in javascript clears the timeout which has been set by the setTimeout()function before that.

Syntax:

clearTimeout(name_of_setTimeout);

Parameters:

• name_of_setTimeout: It is the name of the setTimeOut() function whose timeout is to be cleared.

Example: In this example, we will write a function to clear the timeout set by the setTimeout() function using the clearTimeout() function.

Output: The GeeksForGeeks button color changes after 2 seconds just one time. Click on Stop 2 seconds after clicking the GeeksForGeeks button to clear Timeout. 

JavaScript clearInterval() Function

The clearInterval() function in javascript clears the interval which has been set by the setInterval() function before that.

Syntax:

clearInterval(nameOfInterval);

Parameters:

• nameOfInterval: It is the name of the setInterval() function whose interval is to be cleared.

Example: In this example, we will write a function to clear the interval set by the setInterval() function using the clearInterval() function.

Output: In this example, the GeeksForGeeks color changes and stays the same every second, after that it changes again. Click on Stop to clear the interval. 

Supported Browsers

• Google Chrome 1.0
• Edge 12.0
• Internet Explorer 4.0
• Firefox 1.0
• Opera 4.0
• Safari 1.0

We have a Cheat Sheet on Javascript where we covered all the important topics of Javascript to check those please go through Javascript Cheat Sheet-A Basic guide to JavaScript.