js图片闪动特效可以控制间隔时间

最新推荐文章于 2023-06-20 12:28:05 发布

sogood22

最新推荐文章于 2023-06-20 12:28:05 发布

阅读量878

点赞数

分类专栏： Javascript

Javascript 专栏收录该内容

7 篇文章 0 订阅

订阅专栏

分享一个图片闪动特效，可以控制间隔时间如几分钟闪动一下。

图片一出来，过5秒钟，开始闪动，然后停止。
完整代码：

var inter={};
var i=0;
$(document).ready(function(){
$("a").each(function(index,item){
$(this).bind().click(function(){
i=index;
if(inter!=null || inter.length>0){
window.clearInterval(inter);
}


window.setTimeout(function(){
inter=window.setInterval(function(){ $("img").eq(i).show().fadeOut(100).fadeIn(100);},500);
window.setTimeout(function(){
window.clearInterval(inter);
},5000);
},5000);


});


});
window.setTimeout(function(){
inter=window.setInterval(function(){ $("img").eq(i).show().fadeOut(100).fadeIn(100);},500);
window.setTimeout(function(){
window.clearInterval(inter);
},5000);
},5000);
});