这是我的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;
}
答案 0 :(得分:1)
一种方法是,您可以在Javascript中使用名为setInterval
的内置函数,并在将函数包装到函数中之后,在您希望获得幻灯片速度的时间间隔内调用它。
如下所示:
setInterval(function(){
slideShow(); // Every second the function is called
},1000);
请查看此处的文档以获取更多信息:MDN Documentation for setInterval function
更新:Givi向我证实(在我的回答评论中)我的回答是不对的。使用我建议的方法风险很高,最好递归使用setTimeout,如下所示:
function slideShow() {
setTimeout(function() {
slideShow();
}, 1000);
}
答案 1 :(得分:-1)
您可以使用幻灯片插件。祝你好运