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

Question

全部

我正在使用此翻转选项卡用于我的项目。

这是爵士小提琴链接：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; 
    }); 
}); 

}）;

我尝试下面的代码：

$('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); 
});