<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