服务器之家:专注于VPS、云服务器配置技术及软件下载分享
分类导航

node.js|vue.js|jquery|angularjs|React|json|js教程|

服务器之家 - 编程语言 - JavaScript - js图片闪动特效可以控制间隔时间如几分钟闪动一下

js图片闪动特效可以控制间隔时间如几分钟闪动一下

2021-02-07 22:15JavaScript教程网 JavaScript

这篇文章主要介绍一个图片闪动特效,可以控制间隔时间如几分钟闪动一下,需要的朋友不要错过

图片一出来,过5秒钟,开始闪动,然后停止。

?
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
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);
});

延伸 · 阅读

精彩推荐