How do i clear a "setTimeout" proprely JavaScript [duplicate]

Question

i have this simple page:

 <!DOCTYPE html> <html> <body> <p>Click the second button to skip the timeout!</p> <button onclick="myStopFunction()">Stop the alert</button> <script> var myVar; spamHi(); function spamHi() { console.log("Hi!"); setTimeout(spamHi,3000); } function myStopFunction() { clearTimeout(spamHi); } </script> </body> </html>

The function spamHi() prints "Hi!" in the console every 3 seconds. What the function myStopFunction() is supposed to do is to clear the delay to enable the console to print "Hi!" immediately without waiting the 3 seconds.

How can i fix this?

You might want to look into setInterval instead of constantly resetting your timeout. The provided answer is correct through in either case, you need to store the ID of the timeout or interval and clearTimeout or clearInterval to stop it. — Adam H
– Adam H, Commented Sep 24, 2019 at 18:58

fonini · Accepted Answer · 2019-09-24 18:55:15Z

You need to get the return of the setTimeout call and then pass it to the clearTimeout function:

var timeout = setTimeout(spamHi, 3000); clearTimeout(timeout);

Collectives™ on Stack Overflow

How do i clear a "setTimeout" proprely JavaScript [duplicate]

1 Answer 1

Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Linked

Related