How do i cancel time count?

Question

The code below it counts minutes and seconds if the toggle button is clicked. Is it possible to make it cancel everything if its clicked/toggled, meaning that i can be able to clicked another toggle button.

function toggle(ths) {

    var clicked = $(ths).val();
    $("#lblType").html(clicked);
    $("#setCount").html(" minutes : " + minutes + " seconds : " + count);

       count = count + 1;
       if (count % 60 == 0) {
           minutes += 1;
           count = 0;
       }
        timer = setTimeout("toggle()", 1000);

    }




       <div ><label id="lblType"></label>
          <label id="setCount"></label>
     </div></p>
     <div id="planned"></div>

score 3 · Answer 1 · edited Mar 15 '13 at 14:11

3

Just call clearTimeout():

clearTimeout(timer);

edited Mar 15 '13 at 14:11

Benjamin Gruenbaum

270,886
87
504
504

answered Mar 15 '13 at 14:10

Justin Niessner

242,243
40
408
536

inside or outside the loop ? – Bonesh Mar 15 '13 at 14:13
1

@C_Major - If you're trying to cancel it on a click, it can't be from inside the loop. – Justin Niessner Mar 15 '13 at 14:15

score 1 · Answer 2 · answered Mar 15 '13 at 14:11

1

You can use clearTimeout()

clearTimeout(timer);

https://developer.mozilla.org/en/docs/DOM/window.clearTimeout

answered Mar 15 '13 at 14:11

Darren

68,902
24
138
144

inside or outside the loop ? – Bonesh Mar 15 '13 at 14:13
@C_Major - outside. You don't need to repeat the operation. – Darren Mar 15 '13 at 14:14

score 0 · Answer 3 · answered Mar 15 '13 at 14:12

0

window.clearTimeout(timer)

Check http://www.w3schools.com/js/js_timing.asp for more info.

answered Mar 15 '13 at 14:12

Kasyx

3,170
21
32

score 0 · Answer 4 · answered Mar 15 '13 at 14:12

0

By using cleartimeout(); clearinterval();

http://www.w3schools.com/jsref/met_win_cleartimeout.asp

answered Mar 15 '13 at 14:12

Maresh

4,644
25
30

score 0 · Answer 5 · answered Mar 15 '13 at 14:13

0

var timer=null;

function toggle(ths) {
    var clicked = $(ths).val();
    $("#lblType").html(clicked);
    $("#setCount").html(" minutes : " + minutes + " seconds : " + count);

       count = count + 1;
       if (count % 60 == 0) {
           minutes += 1;
           count = 0;
       }
        timer = setTimeout("toggle()", 1000);

    }

function quitTimer(){
  window.clearTimeout(timer);
  timer = null;
}

answered Mar 15 '13 at 14:13

Thomas Smart

386
3
10

the your function its does not seem to be working – Bonesh Mar 18 '13 at 13:48
which part of the function? i only added the quitTimer() function and the timer variable. the toggle function was the op's – Thomas Smart Jul 06 '13 at 03:12

How do i cancel time count?

5 Answers5