幻燈片中的setInterval

Question

我有一個用於幻燈片放映的以下腳本的問題。目前它是靜態的，我打算包含setInterval，這樣幻燈片就會旋轉。任何人都可以建議一些關於如何更好地實現這個方法的東西，因爲我無法找到設置setInterval的適當位置。

下面是代碼：

<script type="text/javascript"> 
$(document).ready(function() { 
    var theImage = $('ul.photos li img'); 
var theWidth = theImage.width() 
//wrap into mother div 
$('ul.photos').wrap('<div id="mother" />');     
//assign height width and overflow hidden to mother 
$('#mother').css({ 
    width: function() { 
    return theWidth; 
    }, 
    height: function() { 
    return theImage.height(); 
    }, 
    position: 'relative', 
    overflow: 'hidden'  
}); 
    //get total of image sizes and set as width for ul 
var totalWidth = theImage.length * theWidth; 
$('ul.photos').css({ 
    width: function(){ 
    return totalWidth; 
}    
});  

$(theImage).each(  
function(intIndex){    
$(this).nextAll('a') 
.bind("click", function(){ 
    if($(this).is(".next")) { 
     $(this).parent('li').parent('ul').animate({ 
      "margin-left": (-(intIndex + 1) * theWidth)    
       }, 1000)  
     } else if($(this).is(".previous")){ 
     $(this).parent('li').parent('ul').animate({ 
      "margin-left": (-(intIndex - 1) * theWidth)    
     }, 1000)  
     } else if($(this).is(".startover")){ 
     $(this).parent('li').parent('ul').animate({ 
      "margin-left": (0)    
     }, 1000) 
} 
});//close .bind()         
});//close .each() 
}); 
</script>  

我將是任何答案非常感激。

Answer 1

在函數內部寫入轉換代碼以重複。

setinterval(function(){ 
//do something for every 2 seconds 
},2000); 

如果u希望事件

$(this).nextAll('a').bind(/*your code*/).delay(800);