js中使用setInterval方法只调用一次而没有循环调用

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了js中使用setInterval方法只调用一次而没有循环调用相关的知识,希望对你有一定的参考价值。

    <script>
        var i = 0;
        function fun() {
            console.log(i);
            var obj = document.getElementById("test");
            obj.className="test" + (i++ % 2);
        }
        function test() {
            setInterval(fun(), 3000);
        }
    </script>
</head>
<body onload="test()">
    <div id="test"></div>

当访问此页面时浏览器的效果是此fun方法只执行了一次,而没有每隔3秒执行一次。原因在于setInterval方法里传方法名而不是方法调用即修改为如下:

 <script>
        var i = 0;
        function fun() {
            console.log(i);
            var obj = document.getElementById("test");
            obj.className="test" + (i++ % 2);
        }
        function test() {
            setInterval(fun, 3000);// setInterval("fun()", 3000);
        }
    </script>
</head>
<body onload="test()">
    <div id="test"></div>


本文出自 “菜鸟学习” 博客,请务必保留此出处http://biyusheng.blog.51cto.com/2626140/1774612

以上是关于js中使用setInterval方法只调用一次而没有循环调用的主要内容,如果未能解决你的问题,请参考以下文章

为啥析构函数被调用两次而构造函数只被调用一次?

js定时器之setTimeout的使用

是否有可能当recyclerview加载项只加载一次而不重新加载滚动?

JavaScript setInterval - 函数只调用一次

js每隔五分钟执行一个函数

关于setInterval只执行一次的原因