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

时间：2016-05-18 10:59:58 收藏：0 阅读：2672

    <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