blocks|key|1646988|text|您需要创建一个匿名函数，这样实际的函数就不会立即执行。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1646989|setInterval(+function()+{+funca(10,3);+},+500+);|code-block|syntax|javascript|1646990|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

You need to create an anonymous function so the actual function isn't executed right away.

<pre><code>setInterval( function() { funca(10,3); }, 500 );
</code></pre>

blocks|key|1432114|text|将它们作为参数添加到setInterval：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1432115|setInterval(funca,+500,+10,+3);|code-block|syntax|javascript|1432116|您问题中的语法使用eval，它不是recommended+practice。|offset|length|1432117|entityMap|0|LINK|mutability|MUTABLE|url|https://developer.mozilla.org/en-US/docs/Web/API/WindowOrWorkerGlobalScope/setInterval^0|0|0|H|K|0|0^^$0|@$1|2|3|4|5|6|7|S|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|T|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|U|8|@]|9|@$I|V|J|W|1|X]]|A|$]]|$1|K|3|-4|5|6|7|Y|8|@]|9|@]|A|$]]]|L|$M|$5|N|O|P|A|$Q|R]]]]

Add them as parameters to setInterval:
<pre><code>setInterval(funca, 500, 10, 3);
</code></pre>
The syntax in your question uses eval, which is not <a href="https://developer.mozilla.org/en-US/docs/Web/API/WindowOrWorkerGlobalScope/setInterval" rel="noreferrer">recommended practice</a>.

blocks|key|1432277|text|+++++setInterval(function(a,b,c){

++++++++++console.log(a+%2B+b+%2Bc);++

++++++},+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|type|code-block|depth|inlineStyleRanges|entityRanges|data|syntax|javascript|1432278|unstyled|entityMap^0|0^^$0|@$1|2|3|4|5|6|7|G|8|@]|9|@]|A|$B|C]]|$1|D|3|-4|5|E|7|H|8|@]|9|@]|A|$]]]|F|$]]

<pre><code> 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
</code></pre>

blocks|key|1647163|text|您可以将参数作为function对象的属性传递，而不是作为参数：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1647164|var+f+=+this.someFunction;++//use+'this'+if+called+from+class
f.parameter1+=+obj;
f.parameter2+=+this;
f.parameter3+=+whatever;
setInterval(f,+1000);|code-block|syntax|javascript|1647165|然后在您的函数someFunction中，您将可以访问这些参数。这在类内部特别有用，在这些类中，作用域自动转到全局空间，并且您会丢失对最初调用setInterval的类的引用。使用这种方法，上述示例中"someFunction“中的"parameter2”将具有正确的作用域。|offset|length|style|CODE|1647166|entityMap^0|0|0|7|C|0^^$0|@$1|2|3|4|5|6|7|O|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|P|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|Q|8|@$I|R|J|S|K|L]]|9|@]|A|$]]|$1|M|3|-4|5|6|7|T|8|@]|9|@]|A|$]]]|N|$]]

You can pass the parameter(s) as a property of the function object, not as a parameter:

<pre><code>var f = this.someFunction; //use 'this' if called from class
f.parameter1 = obj;
f.parameter2 = this;
f.parameter3 = whatever;
setInterval(f, 1000);
</code></pre>

Then in your function <code>someFunction</code>, 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.

blocks|key|1432413|text|setInterval(function,milliseconds,param1,param2,...)|type|code-block|depth|inlineStyleRanges|entityRanges|data|syntax|javascript|1432414|更新:+2018+-使用“扩展”运算符|unstyled|1432415|​|1432416|function+repeater(param1,+param2,+param3){
+++alert(param1);
+++alert(param2);
+++alert(param3);+
}

let+input+=+[1,2,3];
setInterval(repeater,3000,...input);|1432417|1432418|entityMap^0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|N|8|@]|9|@]|A|$B|C]]|$1|D|3|E|5|F|7|O|8|@]|9|@]|A|$]]|$1|G|3|H|5|F|7|P|8|@]|9|@]|A|$]]|$1|I|3|J|5|6|7|Q|8|@]|9|@]|A|$B|C]]|$1|K|3|H|5|F|7|R|8|@]|9|@]|A|$]]|$1|L|3|-4|5|F|7|S|8|@]|9|@]|A|$]]]|M|$]]

<pre><code>setInterval(function,milliseconds,param1,param2,...)
</code></pre>

Update: 2018 - use the "spread" operator 

<div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
<div class="snippet-code">
<pre class="snippet-code-js lang-js prettyprint-override"><code>function repeater(param1, param2, param3){
 alert(param1);
 alert(param2);
 alert(param3); 
}

let input = [1,2,3];
setInterval(repeater,3000,...input);</code></pre>
</div>
</div>

blocks|key|1432156|text|你可以使用匿名函数；|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1432157|setInterval(function()+{+funca(10,3);+},500);|code-block|syntax|javascript|1432158|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

You can use an anonymous function;

<pre><code>setInterval(function() { funca(10,3); },500);
</code></pre>

blocks|key|1432478|text|到目前为止，最实用的答案是tvanfosson给出的答案，我所能做的就是用ES6给你一个更新的版本：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1432479|setInterval(+()=>{+funca(10,3);+},+500);|code-block|syntax|javascript|1432480|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

By far the most practical answer is the one given by tvanfosson, all i can do is give you an updated version with ES6:

<pre><code>setInterval( ()=&gt;{ funca(10,3); }, 500);
</code></pre>

blocks|key|1647196|text|引用参数应该足够了：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1647197|OK+-->+reloadIntervalID+=+window.setInterval(+"reloadSeries('"%2Bparam2Pass%2B"')"+,+5000)

KO+-->+reloadIntervalID+=+window.setInterval(+"reloadSeries(+"%2Bparam2Pass%2B"+)"+,+5000)|code-block|syntax|javascript|1647198|注意每个参数的单引号'。|offset|length|style|CODE|1647199|使用IE8、Chrome和FireFox进行测试|1647200|entityMap^0|0|0|A|1|0|0^^$0|@$1|2|3|4|5|6|7|Q|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|R|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|S|8|@$I|T|J|U|K|L]]|9|@]|A|$]]|$1|M|3|N|5|6|7|V|8|@]|9|@]|A|$]]|$1|O|3|-4|5|6|7|W|8|@]|9|@]|A|$]]]|P|$]]

Quoting the arguments should be enough:

<pre><code>OK --&gt; reloadIntervalID = window.setInterval( "reloadSeries('"+param2Pass+"')" , 5000)

KO --&gt; reloadIntervalID = window.setInterval( "reloadSeries( "+param2Pass+" )" , 5000)
</code></pre>

Note the single quote <code>'</code> for each argument.

Tested with IE8, Chrome and FireFox

blocks|key|1647594|text|const+designated+=+"1+jan+2021"

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);|type|code-block|depth|inlineStyleRanges|entityRanges|data|syntax|javascript|1647595|你有很多方法可以做到这一点，我个人认为这是干净和甜蜜的。|unstyled|1647596|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$B|C]]|$1|D|3|E|5|F|7|J|8|@]|9|@]|A|$]]|$1|G|3|-4|5|F|7|K|8|@]|9|@]|A|$]]]|H|$]]

<pre><code>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);
</code></pre>
There are so many ways you can do this, me personally things this is clean and sweet.

blocks|key|1647601|text|这个答案的最佳解决方案是下一段代码：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1647602|setInterval(()+=>+yourFunction(param1,+param2),+1000);|code-block|syntax|javascript|1647603|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

The best solution to this answer is the next block of code:
<pre><code>setInterval(() =&gt; yourFunction(param1, param2), 1000);
</code></pre>

blocks|key|1432310|text|另一个解决方案是像这样传递你的函数(如果你有动态变量)：setInterval('funca('%2Bx%2B'，'%2By%2B')',500)；|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1432311|entityMap^0|0^^$0|@$1|2|3|4|5|6|7|D|8|@]|9|@]|A|$]]|$1|B|3|-4|5|6|7|E|8|@]|9|@]|A|$]]]|C|$]]

Another solution consists in pass your function like that (if you've got dynamics vars) :
setInterval('funca('+x+','+y+')',500);

blocks|key|1647302|text|您可以使用一个名为underscore+js的库。它在bind方法上提供了一个很好的包装器，而且语法也更简洁。允许您在指定的作用域中执行函数。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1647303|http://underscorejs.org/#bind|offset|length|1647304|_.bind(函数，作用域，*参数)|1647305|entityMap|0|LINK|mutability|MUTABLE|url^0|0|0|T|0|0|0^^$0|@$1|2|3|4|5|6|7|O|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|P|8|@]|9|@$D|Q|E|R|1|S]]|A|$]]|$1|F|3|G|5|6|7|T|8|@]|9|@]|A|$]]|$1|H|3|-4|5|6|7|U|8|@]|9|@]|A|$]]]|I|$J|$5|K|L|M|A|$N|C]]]]

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.

<a href="http://underscorejs.org/#bind" rel="nofollow">http://underscorejs.org/#bind</a>

_.bind(function, scope, *arguments)

blocks|key|1647458|text|这个问题将是使用闭包的一个很好的演示。其思想是函数使用外部作用域的变量。这里有一个例子..。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1647459|setInterval(makeClosure("Snowden"),+1000)

function+makeClosure(name)+{
var+ret

ret+=+function(){
++++console.log("Hello,+"+%2B+name);
}

return+ret;
}|code-block|syntax|javascript|1647460|函数"makeClosure“返回另一个函数，该函数可以访问外部范围变量"name”。因此，基本上，您需要将任何变量传递给"makeClosure“函数，并在赋值给"ret”变量的函数中使用它们。实际上，setInterval将执行分配给"ret“的函数。|1647461|entityMap^0|0|0|0^^$0|@$1|2|3|4|5|6|7|K|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|L|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|M|8|@]|9|@]|A|$]]|$1|I|3|-4|5|6|7|N|8|@]|9|@]|A|$]]]|J|$]]

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...

<pre><code>setInterval(makeClosure("Snowden"), 1000)

function makeClosure(name) {
var ret

ret = function(){
 console.log("Hello, " + name);
}

return ret;
}
</code></pre>

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".

blocks|key|1432608|text|我在使用Vue+app时也遇到了同样的问题。在我的例子中，只有当匿名函数声明为箭头函数时，这个解决方案才有效，关于mounted+()生命周期钩子的声明。|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|1432609|entityMap^0|1L|A|0^^$0|@$1|2|3|4|5|6|7|H|8|@$9|I|A|J|B|C]]|D|@]|E|$]]|$1|F|3|-4|5|6|7|K|8|@]|D|@]|E|$]]]|G|$]]

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 <code>mounted ()</code> life circle hook.

blocks|key|1432641|text|此外，在IE支持>+9的情况下，您可以传递更多的变量内部设置间隔，这些变量将由您的函数采用。例如：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1432642|function+myFunc(arg1,+arg2){};
setInterval(myFunc,+500,+arg1,+arg2);|code-block|syntax|javascript|1432643|欢迎光临！|1432644|entityMap^0|0|0|0^^$0|@$1|2|3|4|5|6|7|K|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|L|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|M|8|@]|9|@]|A|$]]|$1|I|3|-4|5|6|7|N|8|@]|9|@]|A|$]]]|J|$]]

Also, with IE Support &gt; 9, you can pass more variables insider set interval that will be taken by you function. E.g:
<pre><code>function myFunc(arg1, arg2){};
setInterval(myFunc, 500, arg1, arg2);
</code></pre>
Greetings!

Please advise how to pass parameters into a function called using <code>setInterval</code>.

My example <code>setInterval(funca(10,3), 500);</code> is incorrect.

Pass parameters in setInterval function

请建议如何使用setInterval将参数传递到名为的函数中。我的示例setInterval(funca(10,3), 500);是不正确的。

问在setInterval函数中传递参数
EN

回答 15

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问在setInterval函数中传递参数EN

回答 15

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问在setInterval函数中传递参数
EN