javascript - 特定持续时间的自动翻转选项卡

Question

全部

我正在为我的项目使用这个翻转标签。

这是 js 小提琴链接：http: //jsfiddle.net/ajaypatel_aj/XbhUW/1/

js代码

$('document').ready(function(){
$('#flip-container').quickFlip();

$('#flip-navigation li a').each(function(){
    $(this).click(function(){
        $('#flip-navigation li').each(function(){
            $(this).removeClass('selected');
        });
        $(this).parent().addClass('selected');
        var flipid=$(this).attr('id').substr(4);
        $('#flip-container').quickFlipper('', flipid, 1);

        return false;
    });
});

});​</p>

我尝试了以下代码：

   $('document').ready(function(){
        $('#flip-container').quickFlip();

        $('#flip-navigation li a').each(function(){
            $(this).delay(800)(function(){
                $('#flip-navigation li').each(function(){
                    $(this).removeClass('selected');
                });
                $(this).parent().addClass('selected');
                var flipid=$(this).attr('id').substr(4);
                $('#flip-container').quickFlipper('', flipid, 1);

                return false;
            });
        });
    });​

但这对我不起作用。我想要的是自动翻转 1000 毫秒。

Answer 1

这将起作用

$('document').ready(function(){
    $('#flip-container').quickFlip();

    $('#flip-navigation li a').each(function(){
        $(this).click(function(){
            $('#flip-navigation li').each(function(){
                $(this).removeClass('selected');
            });
            $(this).parent().addClass('selected');
            var flipid=$(this).attr('id').substr(4);
            $('#flip-container').quickFlipper('', flipid, 1);

            return false;
        });
    });

    var id = 0;
    function autoFlip(){
        $('#flip-navigation li a:eq('+id+')').click();
        id++;
        if (id > 2) id=0;
    }
    setInterval(autoFlip, 1000);
});