特定持續時間的自動翻轉選項卡

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); 
});