SetTimeout延迟在jquery幻灯片中没有按预期工作

Question

这是我的代码.... http://jsfiddle.net/KQ8gW/在这个我已经将我的setTimeout放置到1分钟，但在此之前调用该函数。为什么它是这样????

Answer 1

You are calling the function immediately, not passing a reference to the function and you are repeatedly setting the interval. So, what you're passing to setInterval() is the return value from executing Slide(c,n) , not a function that will be called later. Thus it gets called immediately and only once.

To fix it, change this:

setInterval(Slide(c,n),60000);

to this:

setTimeout(function() {Slide(c,n)},60000);

---

If this were my code, I wouldn't even use a timer - I'd use the animation completion function like this:

var n = $("#slideShow div img").length;
var c = 0;
Slide(c,n);

function Slide(c,n){
    c = ++c % n;
    $("#slideShow div").animate(
        {left:-500*c}, 
        3000, 
        function() {Slide(c,n)}
    );
}​

Working Demo: http://jsfiddle.net/jfriend00/nykd3/

Answer 2

You have set an interval, not a timeout. Try using setTimeout(function, time)

Answer 3

You are calling an interval inside an interval inside an interval.... etc.

You run the function regularly every minute, and everytime the function runs you set a new interval, looping until infinty and beyond.

Place the interval outside the function, and call it with a function to avoid eval'ing, like so:

var n = $("#slideShow div img").length, c = 0;

Slide(c, n);
setInterval(function() { Slide(c, n); }, 60000);

function Slide(c, n) {
    c = ++c % n;
    $("#slideShow div").animate({
        left: -500 * c
    }, 7000);
}​