基础为王，打造一个自动播放的幻灯片

发布时间：2020-08-11 22:31:48 阅读：359 作者：renyiqiu 栏目：web开发

开发者测试专用服务器限时活动，0元免费领，库存有限，领完即止！点击查看>>

基础为王，打造一个自动播放的幻灯片

$('#nextArrow').bind('click',function(){

alert("Clicked!");

});

$('#nextArrow').trigger('click');

// 或者选择下面的:

// $('#nextArrow').click();

核心代码：

//autoadvance.js

$(window).load(function(){

//window.load 事件保证了在自动轮播事件开启之前，让所有的图片先进行了加载

vartimeOut = null;

$('#slideshow .arrow').click(function(e,simulated){

//模拟参数被设置在了触发的方法中

if(!simulated){

//真正的点击事件发生。

// 取消自动轮播动画。

clearTimeout(timeOut);

}

});

// 一个自定义名称的自动执行函数

(functionautoAdvance(){

//模拟下一张图片点击

$('#slideshow .next').trigger('click',[true]);

//设置延时5秒钟

timeOut = setTimeout(autoAdvance,5000);

})();

});

向AI问一下细节

猜你喜欢