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


Posted in Javascript onAugust 12, 2014

图片一出来,过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);
});
Javascript 相关文章推荐
js 内存释放问题
Apr 25 Javascript
简单谈谈jQuery(function(){})与(function(){})(jQuery)
Dec 19 Javascript
JavaScript组件开发完整示例
Dec 15 Javascript
jQuery+formdata实现上传进度特效遇到的问题
Feb 24 Javascript
使用jquery.qrcode.min.js实现中文转化二维码
Mar 11 Javascript
每日十条JavaScript经验技巧(二)
Jun 23 Javascript
如何使用Vuex+Vue.js构建单页应用
Oct 27 Javascript
微信小程序自定义模态对话框实例详解
Aug 16 Javascript
JS库之wow.js使用方法
Sep 14 Javascript
Vue中div contenteditable 的光标定位方法
Aug 25 Javascript
在vue中解决提示警告 for循环报错的方法
Sep 28 Javascript
使用vuex解决刷新页面state数据消失的问题记录
May 08 Javascript
js使用for循环查询数组中是否存在某个值
Aug 12 #Javascript
jquery库文件略庞大用纯js替换jquery的方法
Aug 12 #Javascript
用javascript读取xml文件读取节点数据
Aug 12 #Javascript
javascript获取checkbox复选框获取选中的选项
Aug 12 #Javascript
随鼠标移动的时钟非常漂亮遗憾的是只支持IE
Aug 12 #Javascript
JS、CSS以及img对DOMContentLoaded事件的影响
Aug 12 #Javascript
更快的异步执行(setTimeout多浏览器)
Aug 12 #Javascript
You might like
理解PHP5中static和const关键字的区别
2007/03/19 PHP
php简单静态页生成过程
2008/03/27 PHP
PHP中的use关键字概述
2014/07/23 PHP
php微信开发之带参数二维码的使用
2016/08/03 PHP
JavaScript1.6数组新特性介绍以及JQuery的几个工具方法
2013/12/06 Javascript
js实现YouKu的漂亮搜索框效果
2015/08/19 Javascript
详解JavaScript操作HTML DOM的基本方式
2015/10/21 Javascript
jquery ezUI 双击行记录弹窗查看明细的实现方法
2016/06/01 Javascript
AngularJs入门教程之环境搭建+创建应用示例
2016/11/01 Javascript
基于jQuery实现顶部导航栏功能
2016/12/27 Javascript
JS实现最简单的冒泡排序算法
2017/02/15 Javascript
详解使用fetch发送post请求时的参数处理
2017/04/05 Javascript
JavaScript无操作后屏保功能的实现方法
2017/07/04 Javascript
AugularJS从入门到实践(必看篇)
2017/07/10 Javascript
vue中watch和computed的区别与使用方法
2020/08/23 Javascript
微信小程序实现单个或多个倒计时功能
2020/11/01 Javascript
python实现文本文件合并
2015/12/29 Python
Python内置模块ConfigParser实现配置读写功能的方法
2018/02/12 Python
python将txt文件读取为字典的示例
2018/12/22 Python
face++与python实现人脸识别签到(考勤)功能
2019/08/28 Python
Python:二维列表下标互换方式(矩阵转置)
2019/12/02 Python
python 实现单通道转3通道
2019/12/03 Python
Python class的继承方法代码实例
2020/02/14 Python
python如何求100以内的素数
2020/05/27 Python
Python基于Webhook实现github自动化部署
2020/11/28 Python
一款html5 canvas实现的图片玻璃碎片特效
2014/09/11 HTML / CSS
全球酒店预订网站:Hotels.com
2016/08/10 全球购物
名人珠宝设计师:Melinda Maria Jewelry
2019/03/06 全球购物
Etam俄罗斯:法国女士内衣和家居服网上商店
2019/10/30 全球购物
高一数学教学反思
2014/02/07 职场文书
经典的毕业生自荐信范文
2014/04/14 职场文书
初一新生军训方案
2014/05/22 职场文书
总经理岗位职责说明书
2014/07/30 职场文书
萤火虫之墓观后感
2015/06/05 职场文书
公司考勤管理制度
2015/08/04 职场文书
Python查找算法的实现 (线性、二分,分块、插值查找算法)
2022/04/24 Python