[转]关于setInterval只执行一次的原因

原文地址:https://blog.csdn.net/skyblacktoday/article/details/79374613

我在做一个demo的时候发现的，之前可能遇到过到时没有记住，也没有写下原因。 setInterval() 方法可按照指定的周期（以毫秒计）来调用函数或计算表达式。 以下是我的demo片段。 js代码： function arrow(){ $(".arrow-box .arrow1").animate({top:'-20px'},2000,function () { $(".arrow-box .arrow1").css({'top':'100%'}) }) $(".arrow-box .arrow2").animate({top:'100%'},2000,function () { $(".arrow-box .arrow2").css({'top':'-20px'}) }) } setInterval(arrow(),2000) 当执行setInterval(arrow(),2000)这条代码的时候，会发现arrow()这个函数只执行一次，这个是什么原因？ 原因在于arrow()这里…… arrow()这是一个函数调用，函数调用就会有返回值，而arrow()没有返回值，所以这里的arrow()是一个undefined，自然你想要的循环执行arrow()这个函数就不会发生。 更改为： setInterval(arrow,2000) 这样就可以运行了。