Trending September 2023 # How Does Cleartimeout Works In Javascript? # Suggested October 2023 # Top 13 Popular |

Trending September 2023 # How Does Cleartimeout Works In Javascript? # Suggested October 2023 # Top 13 Popular

You are reading the article How Does Cleartimeout Works In Javascript? updated in September 2023 on the website We hope that the information we have shared is helpful to you. If you find the content interesting and meaningful, please share it with your friends and continue to follow and support us for the latest updates. Suggested October 2023 How Does Cleartimeout Works In Javascript?

Definition of JavaScript clearTimeout()

With the aid of the setTimeout() method, which generates an ID value, the function clearTimeout() assists in erasing the previously set timeout time. The time out supplied as an argument to the clearTimeout() function in JavaScript is cleared with the aid of this value.

Start Your Free Software Development Course


The syntax of the JavaScript clearTimeout() function is as below:


The clearTimeout() method is a part of WindowOrWorkerGlobalScope class. The timeoutID parameter is an identifier that signifies the timeout() function which you would want to clear. This will be the ID that the setTimeout() function returned. You can clear the timeout by using this id which identifies the timeout.

How does clearTimeout Works in JavaScript?

Let us check the below code in order to understand the working of clearTimeout() function in JavaScript.


var variable1; function mytimeFunction() { variable1 = setTimeout(function(){ alert("Hey World"); }, 5000); } function myClearFunction() { clearTimeout(varaible1); }

The above program has a variable declared. This is the variable that we are using in the function to set the timeout in the first place. This variable ‘varaible1’ will store details regarding the timeout with the message and time. The term ‘varaible1’ will be used to refer to these two items. Whenever a screen page is idle for more than 5000 milliseconds, the message will be displayed as Hey World in an alert window, and you can then call the myClearFunction, where we are calling the clearTimeout function and passing this variable1 which has all details saved regarding the session. We just have to pass this variable as an argument to clearTimeout in order to clear all details stored in this variable. We will see a few examples which will help you understand this better.

Examples of JavaScript clearTimeout()

Following are the examples given below:

Example #1

clearTimeout() is used to keep track of a session.

var cnt = 0; var temp; var timer_on = 0; function Countedtime() { document.getElementById(“txt”).value = cnt; cnt = cnt + 1; temp = setTimeout(Countedtime, 3000); } function startSession() { if (!timer_on) { timer_on = 1; Countedtime(); } } function stopSession() { clearTimeout(t); timer_on = 0; }

The above program has taken two buttons. One starts the session, while the second button will be the trigger for stopping the session. It keeps tabs on the count. The set that uses the temp variable uses the setTimeout() function. The timer_on variable is used to reset the count to 1 or 0 when these button events happen. Three functions are given in the chúng tôi the first function, we obtain the element using its ID and store it in the count variable. We are setting the time to 3000 milliseconds. The startSession() function sets the variable to 1 and calls the Counter function every time. The third function is of our importance. We use the clearTimeout() function, which clears all the session details set in the temp variable. The temp helps resemble and acts as a reference of the session variable and settings. Below is the output of the above code:

Example #2

Creating alerts and stopping them.


var abc; function AlertMe() { abc = setTimeout(function () { alert(“EduCBA makes you learn clearTimeout”) }, 5000); } function StopAlertForMe() { clearTimeout(abc); }

If you press the second button within 5 seconds, the alert window will not be displayed at all.


The clearTimeout() function in JavaScript allows you to clear the timeout settings that have been established for a session. It uses the variable name used in the setTimeout function and clears the settings using this as a reference. You can clear the timeout settings whenever needed.

Recommended Articles

We hope that this EDUCBA information on “JavaScript clearTimeout()” was beneficial to you. You can view EDUCBA’s recommended articles for more information.

You're reading How Does Cleartimeout Works In Javascript?

Update the detailed information about How Does Cleartimeout Works In Javascript? on the website. We hope the article's content will meet your needs, and we will regularly update the information to provide you with the fastest and most accurate information. Have a great day!