我如何使这个滑块自动幻灯片放映

How can i make this slider to automatic slideshow

本文关键字：幻灯片 何使这      更新时间：2024-03-09

这是我的javascript代码，只适用于点击事件，我想制作这个自动幻灯片。请帮帮我，我不知道怎么做。

var wflSliders = ({});
var wflSlider = new Class({
    Implements:[Options,Events],
    initialize:function(options){
        this.setOptions(options);
        if(this.options.ribbon_behavior == 'scroll'){
            this.wrapper = $('rand_products_wfl_'+this.options.id);
            if(this.wrapper){
            this.ribbon = this.wrapper.getElement('.jspw_ribbon');
            this.scroll_r = this.wrapper.getElement('.jspw_scroll');
            this.lt = this.wrapper.getElement('.jspw_ribon_button_lt');
            this.rb = this.wrapper.getElement('.jspw_ribon_button_rb');
            this.blocks = this.wrapper.getElements('.jspw_prod');
            var blockSize = this.blocks[0].getComputedSize();
            var dim = (this.options.orientation == 'hor')?'x':'y';
            if(this.options.effect_block == 'single'){
                this.offset=(dim=='x')?blockSize.totalWidth:blockSize.totalHeight;
            }

一种方法是，您可以在Javascript中使用一个名为setInterval的内置函数，并在将代码封装在函数中后，按照您希望的幻灯片放映速度调用它。

如下所示：

setInterval(function(){
   slideShow(); // Every second the function is called
},1000);

查看此处的文档以了解更多信息：setInterval函数的MDN文档

更新：Givi刚刚（在我的回答评论中）向我证明了我的回答是不对的。使用我建议的方法有很高的风险，最好像这样递归地使用setTimeout：

function slideShow() {
    setTimeout(function() {
       slideShow();
    }, 1000);
}

您可以使用我们的幻灯片放映插件。祝好运

相关文章：