码迷,mamicode.com
首页 > Web开发 > 详细

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

时间:2016-05-18 10:59:58      阅读:2672      评论:0      收藏:0      [点我收藏+]

标签: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方法只调用一次而没有循环调用

标签:setinterval调用一次

原文地址:http://biyusheng.blog.51cto.com/2626140/1774612

(1)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!