是这样的，我想尝试用js切换做人物奔跑的动画，几张图片定时切换，但发现，图片直接切换到了最后一张，好像setInterval不生效，感觉是我理解错for循环了， 求大神指导下
<!DOCTYPE html>
<html>
<head>
<style type="text/css">
.g-bg{width:100%;height:1000px;background-color:#c8c2b6;margin:0 auto;}
.g-bg .m-runway{width:300px;height:500px;padding-top:100px;margin-left:100px;background-color:#fff;}
</style>
</head>
<div class="g-bg">
<div class="m-runway">
<div class="u-step1"><img src="images/step1.png" alt="跳跃" id="step" /></div>
</div>
</div>
</body>
<script type="text/javascript" src="http://mimg.127.net/p/tools/jquery/jquery-1.8.1.min.js"></script>
<script>
$(document).ready(function(){
setInterval(changeStep(),5000);
})
function changeStep(){
for(var i=1;i<4;i++){
var e ="images/step"+i+".png"
$("#step").attr("src",e);
}
}
</script>
</html>
<!DOCTYPE html>
<html>
<head>
<style type="text/css">
.g-bg{width:100%;height:1000px;background-color:#c8c2b6;margin:0 auto;}
.g-bg .m-runway{width:300px;height:500px;padding-top:100px;margin-left:100px;background-color:#fff;}
</style>
</head>
<div class="g-bg">
<div class="m-runway">
<div class="u-step1"><img src="images/step1.png" alt="跳跃" id="step" /></div>
</div>
</div>
</body>
<script type="text/javascript" src="http://mimg.127.net/p/tools/jquery/jquery-1.8.1.min.js"></script>
<script>
$(document).ready(function(){
setInterval(changeStep(),5000);
})
function changeStep(){
for(var i=1;i<4;i++){
var e ="images/step"+i+".png"
$("#step").attr("src",e);
}
}
</script>
</html>
麻麻说名字长了看起来很牛I3
setInterval 和 for 是异步的，直接点说，就是for的循环执行不会等待setInterval，所以当5000毫秒之后setInterval的函数执行的时候，for早就执行完毕了，故结果就是最后一张。
