关于setInterval只执行一次的原因

我在做一个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)

这样就可以运行了。