jQuery 中 如何把四张图片依次放入四个div中 有时间间隔

jQuery 中 如何把四张图片依次放入四个div中 有时间间隔

<ul class="box-img">
    <li></li>
    <li></li>
    <li></li>
    <li></li>
</ul>

<script type="text/javascript">
var arr = ['m1.jpg','m2.jpg','m3.jpg','m4.jpg'];//图片
var boxImg = $('.box-img')
var act;
var time = 1000//每间隔1秒添加一张图片
function go(n){
    if(n>arr.length){
    clearInterval(act);
    return false;
}else{
    act = setInterval(function(){
        n=n+1;
        boxImg.find('li').eq(n).append('<img src="images/'+arr[n]+'">');//注意图片路劲
    },time)
}
}go(-1) //执行
</script>

setinterval settimeout看你想用那个，settimeout，只执行一次函数，setintval可以设置时间间隔执行一段函数。如果想停止，将var id=settimeout(funtion(){},1000); stopinterval(id);如果有拼写错误。。记得看提示。。