javascript - 制作带有延迟的循环 slider

Question

我对 JavaScript 还很陌生。我想要这样的东西:

$(document).ready(function () {
    var cur = -1;

    //while (true) {
    //    $('.slider .cadr').eq(cur).fadeOut();
    //    cur += 1;
    //    $('.slider .cadr').eq(cur).fadeIn();
    //    
    //    delay(); // how do I do this?
    //}    
});​

那么我该如何延迟呢？请修复我的jsfiddle:http://jsfiddle.net/SpyZF/

Answer 1

有类似 setInterval 函数代替它。查看演示:http://jsfiddle.net/wxkhH/

语法:

setInterval(function, number);

你应该这样做

el1.fadeOut(function () {
  el2.fadeIn();
});

否则他们现在就会开始。

如果您希望它循环，请使用 cur = (cur + 1) % 4;