php javascript cleartimeout() not working

Question

I have a setTimeout and clearTimeout where the setTimeout is working fine but clearTimeout is not working, can anyone help me?

code:

<script type="text/javascript">
  var i = 0;
  var status = setTimeout(function () {
    if (i <= 2) {
      metrics_status();
      i++;
    } else {
      clearTimeout(status);
    };
  }, 3000);
</script>
<div id="ReloadMetrics"></div>

you cant clear the timeout inside of the timeout... by then it's already over. — Kevin B, Feb 08 '13 at 04:06
Based on your code I think you meant to use [setInterval](http://stackoverflow.com/questions/2696692/setinterval-vs-settimeout)? — Seain Malkin, Feb 08 '13 at 04:15

score 0 · Answer 1 · answered Feb 08 '13 at 04:08

0

You should use clearTimeout outside setTimeout like this

var status;
if(status){ 
   clearTimeout(status);
}
status = setTimeout(function () { }

Example1 Example2

answered Feb 08 '13 at 04:08

Hary

5,690
7
42
79

with out intializing status can we call clearTimeout(status) ? – 999k Feb 08 '13 at 04:11
1

@Toms Passing an invalid ID to clearTimeout does not have any effect (and doesn't throw an exception). [source](https://developer.mozilla.org/en-US/docs/DOM/window.clearTimeout) – Seain Malkin Feb 08 '13 at 04:26
Thats what i am doing here , is still i am missing anything? – user1642408 Feb 08 '13 at 04:38
– user1642408 Feb 08 '13 at 04:39
@user1642408, Read all the comments, you're using the `clearTimout` inside `setTimeout` and you must use it outside of it – Hary Feb 08 '13 at 04:40
thanks, is still i am missing anything?
– user1642408 Feb 08 '13 at 05:26

score 0 · Answer 2 · answered Feb 08 '13 at 04:13

0

I assume you need setInterval instead. which will call your function in specified intervals, until you call the clearInterval

answered Feb 08 '13 at 04:13

Headshota

21,021
11
61
82

score 0 · Answer 3 · answered Feb 08 '13 at 04:17

setTimeout function called only once if it is recursive then you need to call clearTimeout To call a function multiple times then you use setInterval then you can call clearTimeout

Example of setTimeout and clearTimeout is http://www.w3schools.com/jsref/met_win_cleartimeout.asp

Timing functions http://www.w3schools.com/js/js_timing.asp

999k · Answer 4 · 2013-02-08T05:06:16.467

0

I think this will do your purpose. please check

<script type="text/javascript">
  var i = 0;
  var status;
  status = setTimeout(Fun, 3000);
  function Fun() {
    if (i <= 2) {
      metrics_status();
      i++;
      status = setTimeout(Fun, 3000);

    } else {
      //clearTimeout(status);
    };
  }
</script>
<div id="ReloadMetrics"></div>

edited Feb 08 '13 at 05:06

answered Feb 08 '13 at 04:17

999k

6,257
2
29
32

@Kevin B Thanks. Code modified – 999k Feb 08 '13 at 05:17

score 0 · Answer 5 · answered Feb 08 '13 at 04:24

take a look on the given example http://jsfiddle.net/jogesh_pi/qTGPT/

<div id="status"></div>

JS:

var i = 0;
var status = setInterval(function() {
    if (i <= 5) {
        //metrics_status();
        document.getElementById('status').innerHTML = i;
    } else {
      document.getElementById('status').innerHTML = "done";
      _clearTime();
    }
    i++;
  }, 1000);

function _clearTime(){
    return clearInterval(status);
}

hope this should work according to your need..

php javascript cleartimeout() not working

5 Answers5