Stop JavaScript Timer from another Function

Question

I have the following Javascript code

 function scrollOpenTimed() {
            var openTimer = setTimeout(function(){ scrollOpen(); }, 3000);
        }



function a() {
      var _ouibounce = ouibounce(document.getElementById('modal'), {
        aggressive: true,
        timer: 0,
        callback: function() { 
        console.log('ouibounce fired!'); 
        // cancel the openTimer
        }
      });
}

At the moment I have scrollOpen being triggered after 3 seconds.

I want to cancel the timer and stop scrollOpen function being triggered When the callback function in function a() / ouibounce() function is triggered.

Any ideas how to do this appreciated.

Thanks

You can stop a timer with [clearTimeout](http://stackoverflow.com/questions/11123237/how-to-stop-a-timer-function-from-running). Though your variable [should be accessible](http://stackoverflow.com/questions/500431/what-is-the-scope-of-variables-in-javascript). (Google can be of great help.) — Ivar, Mar 29 '17 at 09:12
Can anyone provide feedback why I received down votes. Is it because it was considered too simple? Thanks — ejntaylor, Mar 29 '17 at 09:26
Probably because the answer can be found quitte easily. If you Google "Javascript stop timer", you can easily find how to do so. To do it from another question is a matter of the variable scope. That is basic Javascript (or even basic programming in general), and is not too hard to find either. (And both parts of this question are already answered on this site, so it would be considered duplicate as well. — Ivar, Mar 29 '17 at 11:41

score 3 · Accepted Answer · answered Mar 29 '17 at 09:09

3

Move

var openTimer;

outside of the function to make it global.

answered Mar 29 '17 at 09:09

Nina Scholz

376,160
25
347
392

score 1 · Answer 2 · answered Mar 29 '17 at 09:11

Following Nina Scholz's answer above, you should do:

var openTimer;

function scrollOpenTimed() {
  openTimer = setTimeout(function(){ scrollOpen(); }, 3000);
}

function a() {
  var _ouibounce = ouibounce(document.getElementById('modal'), {
    aggressive: true,
    timer: 0,
    callback: function() { 
    console.log('ouibounce fired!'); 
      // cancel the openTimer
      clearTimeout(openTimer);
    }
  });
}

score 1 · Answer 3 · answered Mar 29 '17 at 09:12

You need to declare a publicly accessible variable to hold the instance of your timer.:

<script>
 var openTimer = null;
 function startTimer() {
    if(openTimer == null)
    {
      openTimer = setTimeout(function(){console.log("I'll beprinted after 10 seconds") }, 10000);
     }
}

function stopTimer(){
  clearTimeout(openTimer);
  openTimer = null;
}
</script>

<button onClick="startTimer();">Start Timer</button>
<br/>
<button onClick="stopTimer();">Stop Timer</button>

score 0 · Answer 4 · answered Mar 29 '17 at 09:11

Try this:

var openTimer;

function scrollOpenTimed() {
  openTimer = setTimeout(function() {
    scrollOpen();
  }, 3000);
}



function a() {
  var _ouibounce = ouibounce(document.getElementById('modal'), {
    aggressive: true,
    timer: 0,
    callback: function() {
      console.log('ouibounce fired!');
      clearTimeout(openTimer);
    }
  });
}

score 0 · Answer 5 · answered Mar 29 '17 at 09:12

var openTimer = null;

 function scrollOpenTimed() {
     openTimer = setTimeout(function(){ scrollOpen(); }, 3000);
 }



function a() {
      var _ouibounce = ouibounce(document.getElementById('modal'), {
        aggressive: true,
        timer: 0,
        callback: function() { 
        console.log('ouibounce fired!'); 
            if(openTimer ){
               clearTimeout(openTimer );
            }

        }
      });
}

Stop JavaScript Timer from another Function

5 Answers5