首页 > Web开发 > 详细

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

时间:2016-05-18 10:56:50      阅读:311      评论:0      收藏:0      [点我收藏+]
    <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方法只调用一次而没有循环调用

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

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!