setTimeout做轮播图的问题

[HelloBitches]

<script type="text/javascript" src='jquery.js'></script>
<script>
    $(function(){
    	function slide() {
    		$('.slide_qc>ul').animate({
    			left:-980 + 'px'
    		})
    		setTimeout(slide,2000);
    	}
    	setTimeout(slide,2000)
    })
</script>

这 种写法 只执行一次 就是执行到第二张就不再继续了

<script type="text/javascript" src='jquery.js'></script>
<script>
    $(function(){
    	function slide() {
    		$('.slide_qc>ul').animate({
    			left:-980 + 'px'
    		})
    		setTimeout(slide,2000);
    	}
    	slide();
    })
</script>

这种写法在打开页面的一瞬间执行 也是只执行到第二次 然后停止

之前一直用setInterval 昨天发现setInterval某些情况会有bug 于是用setTimeout重写 可是一直有问题 网上找的东西大多执行不出我想要的效果

[Hello World,]

光一个left-980怎么轮播？

[HelloBitches]

引用 1 楼 apollokk 的回复:

光一个left-980怎么轮播？

我还没有往下写 现在就是无法实现用setTimeout每隔一段时间就执行一次代码的效果

[qq137051908]

$(function(){
	var _index=0;
    function slide() {
    	_index++;
        $('.slide_qc>ul').animate({
            left:-980*_index + 'px'
        })
        setTimeout(slide,2000);
    }
    slide();
})

不是没有执行， 而是到 -980这个位置 你后续还是设置到这个位置，怎么会动？

[天际的海浪]

你的问题不是setTimeout()的事，你可以在函数中加个console.log();看看是不是每2秒输出一次。 你问题出在animate()上 left: -980 + 'px'是元素固定移动到-980的位置，第二次执行时元素已经在-980的位置了，当然就不再移动了。 要想每次都向左移动980的距离应该是 left: "-=" + 980 + 'px'

[HelloBitches]

谢谢各位