How do I clear this setInterval inside a function

Question

Normally  I   d set the interval to a variable and then clear it like var the int   setInterval    clearInterval the int   but for my code to work I put it in an anonymous function   function intervalTrigger       setInterval function         if  timedCount  gt   markers length          timedCount   0             google maps event trigger markers timedCount    click        timedCount         5000       intervalTrigger      How do I clear this  I gave it a shot and tried var test   intervalTrigger    clearInterval test   to be sure  but that didn   t work   Basically  I need this to stop triggering once my Google Map is clicked  e g   google maps event addListener map   click   function         stop timer

User · Accepted Answer

The setInterval method returns a handle that you can use to clear the interval  If you want the function to return it  you just return the result of the method call   function intervalTrigger       return window setInterval  function         if  timedCount  gt   markers length           timedCount   0            google maps event trigger markers timedCount    click        timedCount         5000       var id   intervalTrigger      Then to clear the interval   window clearInterval id

User · Answer

Initiate set interval and assign it to intervalListener var intervalListener   self setInterval function     someProcess     1000   function someProcess       console log  someProcess   has been called         If some condition is true clear the interval   if  stopIntervalIsTrue        window clearInterval intervalListener

User · Answer

the int window clearInterval the int

User · Answer

Simplest way I could think of  add a class   Simply add a class  on any element  and check inside the interval if it s there  This is more reliable  customisable and cross-language than any other way  I believe    x000D   x000D  var i   0  x000D  this setInterval function     x000D    if      counter   hasClass  pauseInterval        only run if it hasn t got this class  pauseInterval  x000D      console log  Counting       x000D          counter   html i       just for explaining and showing x000D      else   x000D      console log  Stopped counting    x000D      x000D     500   x000D   x000D     In this example  I m adding a class on mouseover and remove it again on mouseleave  You can of course do pretty much whatever you like    x000D      counter   hover function       mouse enter x000D        this  addClass  pauseInterval    x000D      function       mouse leave x000D        this  removeClass  pauseInterval    x000D      x000D     x000D   x000D     Other example    x000D      pauseInterval   click function     x000D        counter   toggleClass  pauseInterval    x000D      x000D  body   x000D    background-color   eee  x000D    font-family  Calibri  Arial  sans-serif  x000D    x000D   counter   x000D    width  50   x000D    background   ddd  x000D    border  2px solid  009afd  x000D    border-radius  5px  x000D    padding  5px  x000D    text-align  center  x000D    transition   3s  x000D    margin  0 auto  x000D    x000D   counter pauseInterval   x000D    border-color  red    x000D    x000D   lt  -- you ll need jQuery for this  If you really want a vanilla version  ask -- gt  x000D   lt script src  https   ajax googleapis com ajax libs jquery 2 1 1 jquery min js  gt  lt  script gt  x000D   x000D   x000D   lt p id  counter  gt  amp nbsp  lt  p gt  x000D   lt button id  pauseInterval  gt Pause unpause lt  button gt  lt  p gt  x000D   x000D   x000D

[javascript] How do I clear this setInterval inside a function?

Examples related to javascript

Examples related to settimeout

Examples related to dom-events