Javascript 自动播放函数无穷大滑块JS

Javascript 自动播放函数无穷大滑块JS,javascript,jquery,setinterval,infinite-loop,uislider,Javascript,Jquery,Setinterval,Infinite Loop,Uislider,为我的无限滑块添加了一点精致的JS(对我来说)。我试图使用set interval函数来自动点击幻灯片,但是我无法在JS中识别正确的函数 我知道我需要用上述功能替换警报,但不知道点击幻灯片会是什么。知道吗 window.setInterval(yourfunction, 10000); function yourfunction() { alert('test'); } 滑块JS: function InfiniteSlider(wrapper,speed,dura

为我的无限滑块添加了一点精致的JS(对我来说)。我试图使用set interval函数来自动点击幻灯片,但是我无法在JS中识别正确的函数

我知道我需要用上述功能替换警报,但不知道点击幻灯片会是什么。知道吗

    window.setInterval(yourfunction, 10000);
    function yourfunction() { alert('test'); }  
滑块JS:

    function InfiniteSlider(wrapper,speed,duration,mode,easing,hover,animation){
var _infiniteSlider = this;

// If true : running
this.animated = false;
// Autorotation
this.hover = hover;
this.autorotation = animation;
this.running = true;
this.t;
// Setting the container and controller
this.wrapper = $(wrapper);
this.container = $('.slider',this.wrapper);
this.arrows = $('.slider-arrows',this.wrapper);
this.count = $('.count',this.arrows);
this.controls = $('.slider-controls',this.wrapper);
this.infos = $('.slider-infos',this.wrapper);
this.speed = speed;
this.duration = duration;
this.mode = mode; // slide - slidev - fade - demask
this.easing = easing;
this.width = this.container.width();
this.height = this.container.height();
// Setting index : slide ordered index || indexSlide : slide real index
this.index = 0;
this.indexSlide = 0;
// Number of elements
this.length = $('li', this.container).length - 1;

/* Initialize
//////////////////////////////////////////////////////////////////////// */

// Bind
if(this.hover){
    $(this.wrapper).live('mouseenter', function(){
        _infiniteSlider.stop(_infiniteSlider);
    });
    $(this.wrapper).live('mouseleave', function(){
        _infiniteSlider.start(_infiniteSlider);
    });
}

$('.next a',this.arrows).live('click', function(){
    _infiniteSlider.next(_infiniteSlider);
    return false;
});
$('.previous a',this.arrows).live('click', function(){
    _infiniteSlider.previous(_infiniteSlider);
    return false;
});
$('li a',this.controls).live('click', function(){
    _infiniteSlider.controlsClick($(this),_infiniteSlider);
    return false;
});
$(window).resize(function(){
    _infiniteSlider.reset(_infiniteSlider);
});

// Identify each slide and control with initial order
$('li', this.container).each(function(){
    $(this).attr('data-slide',$(this).index() + 1);

    if($(this).index() == 0){
        $(this).addClass('active');
        $(_infiniteSlider.controls).append('<li data-slide="'+($(this).index()    + 1)+'" class="active"><a href=""><span>'+$(this).index()+'</span></a></li>');
    } else {
        $(this).addClass('inactive');
        $(_infiniteSlider.controls).append('<li data-slide="'+($(this).index() + 1)+'" class="inactive"><a href=""><span>'+$(this).index()+'</span></a></li>');
    } 
});

// Fill Count values
$(this.count).html((this.index + 1)+' / '+(this.length + 1));

// Fill First Infos
if($('li:eq(0)', this.container).attr('data-infos') != '') $(this.infos).html($('li:eq(0)', this.container).attr('data-infos'));

// Disable if just one slide
if(this.length == 0){
    $(this.controls).hide();
    this.autorotation = false;
}

// Initiate Positioning
this.reset(_infiniteSlider);

// Start Autorotation
if(this.running) this.autoRotation(_infiniteSlider);
    }

    /* ////////////////////////////////////////////////////////////////////////////
    //
    // Autorotation
    //
    /////////////////////////////////////////////////////////////////////////// */

    InfiniteSlider.prototype.autoRotation = function(_infiniteSlider){
clearTimeout(_infiniteSlider.t);    

if($('li', _infiniteSlider.controls).length > 1 && _infiniteSlider.autorotation){
    if(_infiniteSlider.running){
        _infiniteSlider.t = setTimeout(function(){
                    _infiniteSlider.changeSlide(_infiniteSlider.indexSlide,_infiniteSlider.indexSlide +         1,_infiniteSlider)
        },_infiniteSlider.duration);
            }
        }
    }

    /* ////////////////////////////////////////////////////////////////////////////
    //
    // External Functions
    //
    /////////////////////////////////////////////////////////////////////////// */

    InfiniteSlider.prototype.start = function(_infiniteSlider){ 
_infiniteSlider.running = true;
_infiniteSlider.autoRotation(_infiniteSlider);

return false;
    }

    InfiniteSlider.prototype.stop = function(_infiniteSlider){ 
clearTimeout(_infiniteSlider.t); 
_infiniteSlider.running = false; 

return false;
    }

    InfiniteSlider.prototype.next = function(_infiniteSlider){
if(!_infiniteSlider.animated){
    _infiniteSlider.autorotation = false;
    clearTimeout(_infiniteSlider.t);
            _infiniteSlider.changeSlide(_infiniteSlider.indexSlide,_infiniteSlider.indexSlide +         1,_infiniteSlider);
}

return false;
    }

    InfiniteSlider.prototype.previous = function(_infiniteSlider){
if(!_infiniteSlider.animated){
    _infiniteSlider.autorotation = false;
    clearTimeout(_infiniteSlider.t);
    _infiniteSlider.changeSlide(_infiniteSlider.indexSlide,_infiniteSlider.indexSlide - 1,_infiniteSlider);
}

return false;
    }

    InfiniteSlider.prototype.controlsClick = function(object,_infiniteSlider){
if(!_infiniteSlider.animated){
    _infiniteSlider.autorotation = false;
    // Stop timer
    clearTimeout(_infiniteSlider.t);

    var clicked = $(object).parent().index();

    $('li',_infiniteSlider.container).each(function(){
        if($(this).attr('data-slide') == clicked + 1){
            _infiniteSlider.changeSlide(_infiniteSlider.indexSlide,$(this).index(),_infiniteSlider);
        } 
    }); 
}

return false;
    }

    InfiniteSlider.prototype.reset = function(_infiniteSlider){
_infiniteSlider.wrapper.height($(window).height());
$('.centered-v', _infiniteSlider.wrapper).css('top', ($('.slider-alt-nav', _infiniteSlider.wrapper).height()/2 - $('.centered-v', _infiniteSlider.wrapper).height()/2)+'px');

_infiniteSlider.stop(_infiniteSlider);
_infiniteSlider.width = _infiniteSlider.container.width();
_infiniteSlider.height = _infiniteSlider.container.height();
$('li',_infiniteSlider.container).width(_infiniteSlider.width);

if(_infiniteSlider.mode == 'demask'){
    $('li.inactive',_infiniteSlider.container).width(0);
    $('li img',_infiniteSlider.container).width(_infiniteSlider.width);
}

// Adjust Arrows
$(_infiniteSlider.arrows).css('top', ($(_infiniteSlider.container).height()/2 - $('a',_infiniteSlider.arrows).height()/2)+'px');
// Adjust Images Size
$('li img',_infiniteSlider.container).each(function(){
    // Ratios
    var imageRatio = 1600/935;
    var wrapperRatio = _infiniteSlider.width/_infiniteSlider.height;

    // Resize
    if(imageRatio > wrapperRatio){
        $(this)
            .height(_infiniteSlider.height)
            .width(_infiniteSlider.height * imageRatio)
            .css('margin-left',-($(this).width()/2 - _infiniteSlider.width/2)+'px')
            .css('margin-top','0');
    } else {
        $(this)
            .width(_infiniteSlider.width)
            .height(_infiniteSlider.width / imageRatio)
            .css('margin-left','0')
            .css('margin-top',-($(this).height()/2 - _infiniteSlider.height/2)+'px');
    }
});

_infiniteSlider.start(_infiniteSlider); 

return false;
    }

    /* ////////////////////////////////////////////////////////////////////////////
    //
    // Change slide
    //
    /////////////////////////////////////////////////////////////////////////// */

    InfiniteSlider.prototype.changeSlide = function(current,clicked,_infiniteSlider){           
_infiniteSlider.animated = true;
var direction = 'next';
if(clicked < current) direction = 'previous';

// Check limits
if(clicked > _infiniteSlider.length){
    clicked = 0;
} else if(clicked < 0){
    clicked = _infiniteSlider.length;
}

// Redefine active slide
$('> ul > li',_infiniteSlider.container).removeClass('active').addClass('inactive');
$('> ul > li',_infiniteSlider.container).eq(clicked).removeClass('inactive').addClass('active');

_infiniteSlider.index = parseInt($('.active',_infiniteSlider.container).attr('data-slide')) - 1;
_infiniteSlider.indexSlide = $('.active',_infiniteSlider.container).index();

// Redefine active control
$('li',_infiniteSlider.controls).removeClass('active');
$('li',_infiniteSlider.controls).eq(_infiniteSlider.index).addClass('active');

// Change Count
$(_infiniteSlider.count).html($('.active',_infiniteSlider.container).attr('data-slide')+' / '+(_infiniteSlider.length + 1));

// Animate Infos
$(_infiniteSlider.infos).fadeOut(_infiniteSlider.speed/2, function(){
    if(typeof $('li.active',_infiniteSlider.container).attr('data-infos') !== "undefined"){
        $(_infiniteSlider.infos).html($('li.active',_infiniteSlider.container).attr('data-infos'));
        $(this).fadeIn(_infiniteSlider.speed/2);
    } else {
        $(_infiniteSlider.infos).html('');
    }
});

// Animate Slides
if(_infiniteSlider.mode == 'slide'){
    // Place new slide AFTER
    if(direction == 'next'){
        $('li',_infiniteSlider.container).eq(clicked)
            .css('left', _infiniteSlider.width+'px')
            .show();

        // Animate slides
        $('li',_infiniteSlider.container).animate({left: '-='+_infiniteSlider.width}, {'duration': _infiniteSlider.speed, easing: _infiniteSlider.easing, 'complete': function(){               
            _infiniteSlider.animated = false;
            $('li.inactive',_infiniteSlider.container).hide();
            if(_infiniteSlider.running) _infiniteSlider.autoRotation(_infiniteSlider);
        }});
    }
    // Place new slide BEFORE
    else {
        $('li',_infiniteSlider.container).eq(clicked)
            .css('left', -_infiniteSlider.width+'px')
            .show();

        // Animate slides
        $('li',_infiniteSlider.container).animate({left: '+='+_infiniteSlider.width}, {'duration': _infiniteSlider.speed, easing: _infiniteSlider.easing, 'complete': function(){               
            _infiniteSlider.animated = false;
            $('li.inactive',_infiniteSlider.container).hide();
            if(_infiniteSlider.running) _infiniteSlider.autoRotation(_infiniteSlider);
        }});
    }
}   else if(_infiniteSlider.mode == 'slidev'){
    // Place new slide AFTER
    if(direction == 'next'){
        $('li',_infiniteSlider.container).eq(clicked)
            .css('top', _infiniteSlider.height+'px')
            .show();

        // Animate slides
        $('li',_infiniteSlider.container).animate({top: '-='+_infiniteSlider.height}, {'duration': _infiniteSlider.speed, easing: _infiniteSlider.easing, 'complete': function(){               
            _infiniteSlider.animated = false;
            $('li.inactive',_infiniteSlider.container).hide();
            if(_infiniteSlider.running) _infiniteSlider.autoRotation(_infiniteSlider);
        }});
    }
    // Place new slide BEFORE
    else {
        $('li',_infiniteSlider.container).eq(clicked)
            .css('top', -_infiniteSlider.height+'px')
            .show();

        // Animate slides
        $('li',_infiniteSlider.container).animate({top: '+='+_infiniteSlider.height}, {'duration': _infiniteSlider.speed, easing: _infiniteSlider.easing, 'complete': function(){               
            _infiniteSlider.animated = false;
            $('li.inactive',_infiniteSlider.container).hide();
            if(_infiniteSlider.running) _infiniteSlider.autoRotation(_infiniteSlider);
        }});
    }
} else if(_infiniteSlider.mode == 'fade'){
    // Animate Slides
    $('> ul > li.active',_infiniteSlider.container).fadeIn(_infiniteSlider.speed, function(){
        $('> ul > li',_infiniteSlider.container).eq(current).hide();
        _infiniteSlider.animated = false;
        if(_infiniteSlider.running) _infiniteSlider.autoRotation(_infiniteSlider);
    });
} else if(_infiniteSlider.mode == 'demask'){
    $('> ul > li.active',_infiniteSlider.container).animate({width: _infiniteSlider.width}, _infiniteSlider.speed, _infiniteSlider.easing, function(){
        $('> ul > li.inactive',_infiniteSlider.container).width(0);
        _infiniteSlider.animated = false;
        if(_infiniteSlider.running) _infiniteSlider.autoRotation(_infiniteSlider);
    });
}

    }
function InfiniteSlider(包装、速度、持续时间、模式、放松、悬停、动画){
var _∞lider=这个;
//如果为true:正在运行
this.animated=false;
//自转
this.hover=悬停;
this.autorotation=动画;
这是真的;
这个,t,;
//设置容器和控制器
this.wrapper=$(wrapper);
this.container=$('.slider',this.wrapper);
this.arrows=$('.slider arrows',this.wrapper);
this.count=$('.count',this.arrows);
this.controls=$('.slider controls',this.wrapper);
this.infos=$('.slider infos',this.wrapper);
速度=速度;
这个。持续时间=持续时间;
this.mode=mode;//slide-slidev-fade-demask
这个。放松=放松;
this.width=this.container.width();
this.height=this.container.height();
//设置索引:幻灯片顺序索引| |索引侧:幻灯片真实索引
该指数=0;
this.indexlide=0;
//元素数
this.length=$('li',this.container).length-1;
/*初始化
//////////////////////////////////////////////////////////////////////// */
//束缚
如果(这个悬停){
$(this.wrapper).live('mouseenter',function(){
_无穷滑块停止(_无穷滑块);
});
$(this.wrapper).live('mouseleave',function(){
_无穷滑块开始(_无穷滑块);
});
}
$('.next a',this.arrows).live('click',function()){
_下一步(_infiniteSlider);
返回false;
});
$('.previous a',this.arrows).live('click',function()){
_前一个(_infiniteSlider);
返回false;
});
$('li a',this.controls).live('click',function()){
_控件单击($(此),_infiniteSlider);
返回false;
});
$(窗口)。调整大小(函数(){
_无穷滑块复位(_无穷滑块);
});
//确定每张幻灯片和控件的初始顺序
$('li',this.container).each(函数(){
$(this.attr('data-slide',$(this.index()+1));
if($(this).index()==0){
$(this.addClass('active');
$(_infiniteSlider.controls).append(“
  • ”); }否则{ $(this.addClass('inactive'); $(_infiniteSlider.controls).append(“
  • ”); } }); //填充计数值 $(this.count).html((this.index+1)+'/'+(this.length+1)); //填写第一份信息 if($('li:eq(0)”,this.container.attr('data-infos')!='')$(this.infos.html($('li:eq(0)”,this.container.attr('data-infos')); //如果只有一张幻灯片,则禁用 如果(this.length==0){ $(this.controls).hide(); 此参数为0.autorotation=false; } //启动定位 这个。重置(_无穷滑块); //开始自转 如果(此运行)此自动旋转(_无穷滑块); } /* //////////////////////////////////////////////////////////////////////////// // //自转 // /////////////////////////////////////////////////////////////////////////// */ InfiniteSlider.prototype.autoRotation=函数(_InfiniteSlider){ clearTimeout(_infiniteSlider.t); if($('li',无限滑块控件).length>1&&&u无限滑块自动旋转){ 如果(_无穷大滑块运行){ _infiniteSlider.t=setTimeout(函数(){ _infiniteSlider.changeSlide(_infiniteSlider.IndexLide,_infiniteSlider.IndexLide+1,_infiniteSlider) },_∞滑行持续时间); } } } /* //////////////////////////////////////////////////////////////////////////// // //外部功能 // /////////////////////////////////////////////////////////////////////////// */ InfiniteSlider.prototype.start=函数(_InfiniteSlider){ _infiniteSlider.running=真; _自转(_infiniteSlider); 返回false; } InfiniteSlider.prototype.stop=函数(_InfiniteSlider){ clearTimeout(_infiniteSlider.t); _infiniteSlider.running=false; 返回false; } InfiniteSlider.prototype.next=函数(_InfiniteSlider){ 如果(!\u infiniteSlider.animated){ _infiniteSlider.autorotation=假; clearTimeout(_infiniteSlider.t); _infiniteSlider.changeSlide(_infiniteSlider.indexlide,_infiniteSlider.indexlide+1,_infiniteSlider); } 返回false; } InfiniteSlider.prototype.previous=函数(_InfiniteSlider){ 如果(!\u infiniteSlider.animated){ _infiniteSlider.autorotation=假; clearTimeout(_infiniteSlider.t); _infiniteSlider.changeSlide(_infiniteSlider.indexlide,_infiniteSlider.indexlide-1,_infiniteSlider); } 返回false; } InfiniteSlider.prototype.controlsClick=函数(对象,_InfiniteSlider){ 如果(!\u infiniteSlider.animated){ _infiniteSlider.autorotation=假; //停止计时器 clearTimeout(_infiniteSlider.t); var clicked=$(object.parent().index(); $('li',_infiniteSlider.container).each(函数(){ if($(this).attr('data-slide')==单击+1){ _infiniteSlider.changeSlide(_infiniteSlider.indexlide,$(this.index(),_infiniteSlider); } }); } 返回false; } InfiniteSlider.prototype.reset=函数(_InfiniteSlider){ _infiniteSlider.wrapper.height($(window.height()); $('.centered-v',_infiniteSlider.wrapper).css($('.slider alt nav',_infiniteSlider.wrapper).height()/2-$('.centered-v',_infiniteSlider.wrapper).height()/2+'px'); _无穷滑块停止(_无穷滑块); _infiniteSlider.width=_infiniteSlider.container.width(); _infiniteSlider.height=_infiniteSlider.container.height(); $('li',_infiniteSlider.container).width(_infiniteSlider.width); 如果(_infiniteSlider.mode=='demask'){ $('li.inactive',无限
    function yourfunction() {_infiniteSlider.next(_infiniteSlider);
    return false;}