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

 更新时间:2014年08月12日 17:22:13   投稿:whsnow  
这篇文章主要介绍一个图片闪动特效,可以控制间隔时间如几分钟闪动一下,需要的朋友不要错过

图片一出来,过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);
});

相关文章

  • 原生js获取元素样式的简单方法

    原生js获取元素样式的简单方法

    下面小编就为大家带来一篇原生js获取元素样式的简单方法。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2016-08-08
  • Ajax跨域实现代码(后台jsp)

    Ajax跨域实现代码(后台jsp)

    这篇文章主要介绍了Ajax跨域实现代码(后台jsp),需要的朋友可以参考下
    2017-01-01
  • JS获取一个未知DIV高度的方法

    JS获取一个未知DIV高度的方法

    这篇文章主要介绍了JS获取一个未知DIV高度的方法,涉及javascript针对页面元素属性的动态操作相关技巧,具有一定参考借鉴价值,需要的朋友可以参考下
    2016-08-08
  • js实现滚动条滚动到某个位置便自动定位某个tr

    js实现滚动条滚动到某个位置便自动定位某个tr

    这篇文章主要介绍了js实现滚动条滚动到某个位置便自动定位某个tr的相关资料,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2016-01-01
  • Webpack之tree-starking 解析

    Webpack之tree-starking 解析

    这篇文章主要介绍了Webpack之tree-starking 解析,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2018-09-09
  • JS实现点击事件统计的简单实例

    JS实现点击事件统计的简单实例

    下面小编就为大家带来一篇JS实现点击事件统计的简单实例。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2016-07-07
  • js闭包用法实例详解

    js闭包用法实例详解

    这篇文章主要介绍了js闭包用法,结合实例形式分析了JS闭包的概念、功能及相关操作技巧,需要的朋友可以参考下
    2016-12-12
  • JavaScript学习笔记之DOM基础操作实例小结

    JavaScript学习笔记之DOM基础操作实例小结

    这篇文章主要介绍了JavaScript学习笔记之DOM基础操作,结合实例形式总结分析了javascript针对dom元素节点、属性的相关获取、设置等操作技巧,需要的朋友可以参考下
    2019-01-01
  • JavaScript获取页面中第一个锚定文本的方法

    JavaScript获取页面中第一个锚定文本的方法

    这篇文章主要介绍了JavaScript获取页面中第一个锚定文本的方法,涉及javascript操作document.archors数组的技巧,需要的朋友可以参考下
    2015-04-04
  • 微信小程序保存图片到相册权限设置

    微信小程序保存图片到相册权限设置

    这篇文章主要为大家详细介绍了微信小程序保存图片到相册权限设置,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2020-04-04

最新评论