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

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


<代码类=" js空间"> <代码类=" js平原">美元( <代码类=癹s字符串”>“# nextArrow” <代码类=" js平原">)。bind( <代码类=" js字符串">“点击” <代码类=" js平原">, <代码类=" js关键字">函数 <代码类=" js平原">(){ <代码类=" js空间"> <代码类=" js平原">警报( <代码类=" js字符串"> "点击!" <代码类=" js平原">); <代码类=" js平原">}); <代码类=" js平原">美元( <代码类=癹s字符串”>“# nextArrow” <代码类=" js平原">)。触发( <代码类=癹s字符串”>“点击” <代码类=" js平原">); <代码类=" js评论">//或者选择下面的: <代码类=" js评论">//$ (' # nextArrow ') .click();




核心代码:


<代码类=" js空间"> <代码类=" js评论">//autoadvance。js代码 <代码类=" js空间"> <代码类=" js平原">美元(窗口)。负载( <代码类=" js关键字">函数 <代码类=" js平原">(){ <代码类=" js空间"> <代码类=" js评论">//窗口。负载事件保证了在自动轮播事件开启之前,让所有的图片先进行了加载 <代码类=" js空间"> <代码类=" js空间"> <代码类=" js关键字"> var <代码类=" js平原">超时= <代码类=" js关键字">空 <代码类=" js平原">, <代码类=" js空间"> <代码类=" js平原">美元( <代码类=癹s字符串”>“#幻灯片.arrow” <代码类=" js平原">)。点击( <代码类=" js关键字">函数 <代码类=" js平原"> (e,模拟){ <代码类=" js空间"> <代码类=" js评论">//模拟参数被设置在了触发的方法中 <代码类=" js空间"> <代码类=" js关键字">如果 <代码类=" js平原">(模拟){ <代码类=" js空间"> <代码类=" js空间"> <代码类=" js评论">//真正的点击事件发生。 <代码类=" js空间"> <代码类=" js评论">//取消自动轮播动画。 <代码类=" js空间"> <代码类=" js平原"> clearTimeout(超时); <代码类=" js空间"> <代码类=" js平原">} <代码类=" js空间"> <代码类=" js平原">}); <代码类=" js空间"> <代码类=" js评论">//一个自定义名称的自动执行函数 <代码类=" js空间"> <代码类=" js平原">( <代码类=" js关键字">函数 <代码类=" js平原"> autoAdvance(){ <代码类=" js空间"> <代码类=" js评论">//模拟下一张图片点击 <代码类=" js空间"> <代码类=" js平原">美元( <代码类=癹s字符串”>“#幻灯片。第二” <代码类=" js平原">)。触发( <代码类=癹s字符串”>“点击” <代码类=" js平原">,( <代码类=" js关键字">真正 <代码类=" js平原">]); <代码类=" js空间"> <代码类=" js评论">//设置延时5秒钟 <代码类=" js空间"> <代码类=" js平原">超时=setTimeout (autoAdvance, 5000); <代码类=" js空间"> <代码类=" js平原">})(); <代码类=" js平原">});


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