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

如果你想在事件之间引入延迟

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

幻灯片中的setInterval

1 个答案: