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 相关文章推荐
jquery 添加节点的几种方法介绍
Sep 04 Javascript
jQuery+css实现的蓝色水平二级导航菜单效果代码
Sep 11 Javascript
简介AngularJS中$http服务的用法
Feb 06 Javascript
利用Angularjs中模块ui-route管理状态的方法
Dec 27 Javascript
jQuery对table表格进行增删改查
Dec 22 Javascript
关于javascript获取内联样式与嵌入式样式的实例
Jun 01 Javascript
jQuery Ajax使用FormData上传文件和其他数据后端web.py获取
Jun 11 jQuery
Bootstrap Table 在指定列中添加下拉框控件并获取所选值
Jul 31 Javascript
JS脚本加载后执行相应回调函数的操作方法
Feb 28 Javascript
vue百度地图 + 定位的详解
May 13 Javascript
Vue 前端实现登陆拦截及axios 拦截器的使用
Jul 17 Javascript
Javascript实现鼠标移入方向感知
Jun 24 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
针对初学PHP者的疑难问答(1)
2006/10/09 PHP
PHP文件读取功能的应用实例
2015/05/08 PHP
php处理复杂xml数据示例
2016/07/11 PHP
支付宝支付开发――当面付条码支付和扫码支付实例
2016/11/04 PHP
PHP实现打包下载文件的方法示例
2017/10/07 PHP
推荐自用 Javascript 缩图函数 (onDOMLoaded)……
2007/10/23 Javascript
两个DIV等高的JS的实现代码
2007/12/23 Javascript
juqery 学习之三 选择器 简单 内容
2010/11/25 Javascript
js 针对html DOM元素操作等经验累积
2014/03/11 Javascript
使用GruntJS构建Web程序之构建篇
2014/06/04 Javascript
jquery实现横向图片轮播特效代码分享
2015/11/19 Javascript
Vue.js实现无限加载与分页功能开发
2016/11/03 Javascript
vue实现图书管理demo详解
2017/10/17 Javascript
微信小程序实现下拉刷新和轮播图效果
2017/11/21 Javascript
简述vue中的config配置
2018/01/23 Javascript
Vue.js最佳实践(五招助你成为vuejs大师)
2018/05/04 Javascript
了解前端理论:rscss和rsjs
2019/05/23 Javascript
JS使用cookie保存用户登录信息操作示例
2019/05/30 Javascript
js 使用ajax设置和获取自定义header信息的方法小结
2020/03/12 Javascript
[46:40]VGJ.T vs Winstrike 2018国际邀请赛小组赛BO2 第一场 8.17
2018/08/20 DOTA
简介Python设计模式中的代理模式与模板方法模式编程
2016/02/02 Python
Python3实现简单可学习的手写体识别(实例讲解)
2017/10/21 Python
python自动发邮件库yagmail的示例代码
2018/02/23 Python
python3写的简单本地文件上传服务器实例
2018/06/04 Python
实例讲解Python脚本成为Windows中运行的exe文件
2019/01/24 Python
Laravel框架表单验证格式化输出的方法
2019/09/25 Python
python中对_init_的理解及实例解析
2019/10/11 Python
python画蝴蝶曲线图的实例
2019/11/21 Python
用python批量下载apk
2020/12/29 Python
python UDF 实现对csv批量md5加密操作
2021/01/01 Python
应聘医药代表职位求职信
2013/10/21 职场文书
工商学院毕业生自荐信
2013/11/12 职场文书
大学生自荐信
2013/12/11 职场文书
小学校园广播稿
2015/08/18 职场文书
《曹冲称象》教学反思
2016/02/20 职场文书
PHP新手指南
2021/04/01 PHP