Pass parameters in setInterval function

Question

Please advise how to pass parameters into a function called using setInterval   My example setInterval funca 10 3   500   is incorrect

User · Answer

Also  with IE Support  gt  9  you can pass more variables insider set interval that will be taken by you function  E g  function myFunc arg1  arg2     setInterval myFunc  500  arg1  arg2    Greetings

User · Answer

You need to create an anonymous function so the actual function isn t executed right away   setInterval  function     funca 10 3      500

User · Answer

I have had the same problem with Vue app  In my case this solution is only works if anonymous function has declared as arrow function  regarding declaration at mounted    life circle hook

User · Answer

setInterval function milliseconds param1 param2        Update  2018 - use the  spread  operator    x000D   x000D  function repeater param1  param2  param3   x000D     alert param1   x000D     alert param2   x000D     alert param3    x000D    x000D   x000D  let input    1 2 3   x000D  setInterval repeater 3000    input   x000D   x000D   x000D

User · Answer

setInterval function a b c              console log a   b  c               500  1 2 3                 note the console will  print 6             here we are passing 1 2 3 for a b c arguments             tested in node v 8 11 and chrome 69

User · Answer

Add them as parameters to setInterval  setInterval funca  500  10  3    The syntax in your question uses eval  which is not recommended practice

User · Answer

const designated    quot 1 jan 2021 quot   function countdown designated time        const currentTime   new Date        const future time   new Date designated time       console log future time - currentTime      countdown designated    setInterval countdown  1000  designated    There are so many ways you can do this  me personally things this is clean and sweet

User · Answer

I know this topic is so old but here is my solution about passing parameters in setInterval function   Html   var fiveMinutes   60   2  var display   document querySelector   timer    startTimer fiveMinutes  display     JavaScript   function startTimer duration  display        var timer   duration          minutes  seconds       setInterval function              minutes   parseInt timer   60  10           seconds   parseInt timer   60  10            minutes   minutes  lt  10    0    minutes   minutes          seconds   seconds  lt  10    0    seconds   seconds           display textContent   minutes         seconds          --timer     put boolean value for minus values          1000

User · Answer

You can use a library called underscore js  It gives a nice wrapper on the bind method and is a much cleaner syntax as well  Letting you execute the function in the specified scope   http   underscorejs org  bind    bind function  scope   arguments

User · Answer

That problem would be a nice demonstration for use of closures  The idea is that  a function uses a variable of outer scope  Here is an example     setInterval makeClosure  Snowden    1000   function makeClosure name    var ret  ret   function        console log  Hello      name      return ret      Function  makeClosure  returns another function  which has access to outer scope variable  name   So  basically  you need pass in whatever variables to  makeClosure  function and use them in function assigned to  ret  variable  Affectingly  setInterval will execute function assigned to  ret

User · Answer

now with ES5  bind method Function prototype    setInterval funca bind null 10 3  500     Reference here

User · Answer

You can use an anonymous function   setInterval function     funca 10 3     500

User · Answer

You can pass the parameter s  as a property of the function object  not as a parameter   var f   this someFunction     use  this  if called from class f parameter1   obj  f parameter2   this  f parameter3   whatever  setInterval f  1000     Then in your function someFunction  you will have access to the parameters  This is particularly useful inside classes where the scope goes to the global space automatically and you lose references to the class that called setInterval to begin with  With this approach   parameter2  in  someFunction   in the example above  will have the right scope

User · Answer

Add them as parameters to setInterval  setInterval funca  500  10  3    The syntax in your question uses eval  which is not recommended practice

User · Answer

I have had the same problem with Vue app  In my case this solution is only works if anonymous function has declared as arrow function  regarding declaration at mounted    life circle hook

User · Answer

Add them as parameters to setInterval  setInterval funca  500  10  3    The syntax in your question uses eval  which is not recommended practice

User · Answer

You can use an anonymous function   setInterval function     funca 10 3     500

User · Answer

You need to create an anonymous function so the actual function isn t executed right away   setInterval  function     funca 10 3      500

User · Answer

I know this topic is so old but here is my solution about passing parameters in setInterval function   Html   var fiveMinutes   60   2  var display   document querySelector   timer    startTimer fiveMinutes  display     JavaScript   function startTimer duration  display        var timer   duration          minutes  seconds       setInterval function              minutes   parseInt timer   60  10           seconds   parseInt timer   60  10            minutes   minutes  lt  10    0    minutes   minutes          seconds   seconds  lt  10    0    seconds   seconds           display textContent   minutes         seconds          --timer     put boolean value for minus values          1000

User · Answer

Another solution consists in pass your function like that  if you ve got dynamics vars    setInterval  funca   x     y     500

User · Answer

Another solution consists in pass your function like that  if you ve got dynamics vars    setInterval  funca   x     y     500

User · Answer

now with ES5  bind method Function prototype    setInterval funca bind null 10 3  500     Reference here

User · Answer

Quoting the arguments should be enough   OK -- gt  reloadIntervalID   window setInterval   reloadSeries    param2Pass        5000   KO -- gt  reloadIntervalID   window setInterval   reloadSeries    param2Pass        5000    Note the single quote   for each argument   Tested with IE8  Chrome and FireFox

User · Answer

That problem would be a nice demonstration for use of closures  The idea is that  a function uses a variable of outer scope  Here is an example     setInterval makeClosure  Snowden    1000   function makeClosure name    var ret  ret   function        console log  Hello      name      return ret      Function  makeClosure  returns another function  which has access to outer scope variable  name   So  basically  you need pass in whatever variables to  makeClosure  function and use them in function assigned to  ret  variable  Affectingly  setInterval will execute function assigned to  ret

User · Answer

This works setInterval  foo bar   int lang       Jon Kleiser lead me to the answer

User · Answer

You can pass the parameter s  as a property of the function object  not as a parameter   var f   this someFunction     use  this  if called from class f parameter1   obj  f parameter2   this  f parameter3   whatever  setInterval f  1000     Then in your function someFunction  you will have access to the parameters  This is particularly useful inside classes where the scope goes to the global space automatically and you lose references to the class that called setInterval to begin with  With this approach   parameter2  in  someFunction   in the example above  will have the right scope

User · Answer

Add them as parameters to setInterval  setInterval funca  500  10  3    The syntax in your question uses eval  which is not recommended practice

User · Answer

Quoting the arguments should be enough   OK -- gt  reloadIntervalID   window setInterval   reloadSeries    param2Pass        5000   KO -- gt  reloadIntervalID   window setInterval   reloadSeries    param2Pass        5000    Note the single quote   for each argument   Tested with IE8  Chrome and FireFox

User · Answer

By far the most practical answer is the one given by tvanfosson  all i can do is give you an updated version with ES6   setInterval      gt   funca 10 3      500

User · Answer

You can use a library called underscore js  It gives a nice wrapper on the bind method and is a much cleaner syntax as well  Letting you execute the function in the specified scope   http   underscorejs org  bind    bind function  scope   arguments

User · Answer

const designated    quot 1 jan 2021 quot   function countdown designated time        const currentTime   new Date        const future time   new Date designated time       console log future time - currentTime      countdown designated    setInterval countdown  1000  designated    There are so many ways you can do this  me personally things this is clean and sweet

User · Answer

By far the most practical answer is the one given by tvanfosson  all i can do is give you an updated version with ES6   setInterval      gt   funca 10 3      500

User · Answer

You need to create an anonymous function so the actual function isn t executed right away   setInterval  function     funca 10 3      500

User · Answer

This works setInterval  foo bar   int lang       Jon Kleiser lead me to the answer

User · Answer

You can use an anonymous function   setInterval function     funca 10 3     500

User · Answer

You need to create an anonymous function so the actual function isn t executed right away   setInterval  function     funca 10 3      500

User · Answer

You can use an anonymous function   setInterval function     funca 10 3     500

User · Answer

setInterval function milliseconds param1 param2        Update  2018 - use the  spread  operator    x000D   x000D  function repeater param1  param2  param3   x000D     alert param1   x000D     alert param2   x000D     alert param3    x000D    x000D   x000D  let input    1 2 3   x000D  setInterval repeater 3000    input   x000D   x000D   x000D

User · Answer

Also  with IE Support  gt  9  you can pass more variables insider set interval that will be taken by you function  E g  function myFunc arg1  arg2     setInterval myFunc  500  arg1  arg2    Greetings

User · Answer

setInterval function a b c              console log a   b  c               500  1 2 3                 note the console will  print 6             here we are passing 1 2 3 for a b c arguments             tested in node v 8 11 and chrome 69

[javascript] Pass parameters in setInterval function

Examples related to javascript

Examples related to parameters

Examples related to setinterval