how to stop timer with another function javascript

Question

So I have this code

function timer()
{
     setTimeout(function(){alert("Out of time")}, 3000); //Alerts "Out of time" after 3000 milliseconds
}
function resetTime()
{
     timer(); //this is not right, i thought it would override the first function but it just adds another timer as well which is not what I want
}
function stopTime()
{
     //What could go here to stop the first function from fully executing before it hits 3000 milliseconds and displays the alert message?
}

the function timer() starts as the page loads but if I have a button for stopTime() and I click on it, how do I stop the first function from executing and stop it from hitting the 3000 millisecond mark and alerting "Out of time"?

You need to name your timer to a global var

colecmc
– colecmc

2015-05-25 05:13:46 +00:00
Commented May 25, 2015 at 5:13 — colecmc
– colecmc, Commented May 25, 2015 at 5:13

Amadan · Accepted Answer · 2015-05-25 05:14:52Z

7

Use a variable with scope over all of your functions.

var myTimer;
...
myTimer = setTimeout(...);
...
clearTimeout(myTimer);

answered May 25, 2015 at 5:14

Amadan

200k23 gold badges252 silver badges321 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Junaid Ahmed · Accepted Answer · 2015-05-25 05:28:15Z

1

var timer;

function timer()
{
    timer = setTimeout(function(){alert("Out of time")}, 3000); //Alerts "Out of time" after 3000 milliseconds
}
function resetTime()
{
    clearTimeout(timer);
     timer(); //this is not right, i thought it would override the first function but it just adds another timer as well which is not what I want
}
function stopTime()
{
     //What could go here to stop the first function from fully executing before it hits 3000 milliseconds and displays the alert message?
}

try this it will Work For you

edited May 25, 2015 at 5:28

answered May 25, 2015 at 5:17

Junaid Ahmed

6951 gold badge7 silver badges15 bronze badges

1 Comment

Junaid Ahmed Over a year ago

@colecmc sorry my mistake

about14sheep · Accepted Answer · 2022-06-01 10:25:52Z

0

Its best to use the useRef hook from React

import {useRef} from 'React';


const function =()=>{
   const timerRef = useRef();


   const timerFunction =()=>{
      timerRef.current = setTimeout(()=>{
      //Your Code
      },5000);
`

  const clearTimerFunction =()=>{
       clearTimeout(timerRef.current);
      }

}

edited Jun 1, 2022 at 10:25

about14sheep

2,0992 gold badges14 silver badges23 bronze badges

answered May 27, 2022 at 12:23

kuldeep kaira

1

1 Comment

Sumit Sharma Over a year ago

There is nothing to do with react in this question. The question is about javascript not react.

redbmk · Accepted Answer · 2015-05-25 05:21:08Z

-1

The value returned from setTimeout is a unique ID that you can use later to cancel the timeout with clearTimeout.

var timeout;

function timer () {
    timeout = setTimeout(/* ... */);
}

function resetTime() {
    stopTime();
    timer();
}

function stopTime() {
    clearTimeout(timeout);
}

answered May 25, 2015 at 5:21

redbmk

4,8143 gold badges29 silver badges49 bronze badges

Collectives™ on Stack Overflow

how to stop timer with another function javascript

4 Answers 4

Comments

1 Comment

1 Comment

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

Comments

1 Comment

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related