Question

Here is my code….
http://jsfiddle.net/KQ8gW/
In this i have placed my setTimeout to 1 min but the function is called much before that.Why is it so????

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/