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加解密 脚本解密
Feb 22 Javascript
JS对HTML标签select的获取、添加、删除操作
Oct 17 Javascript
一个简单的实现下拉框多选的插件可移植性比较好
May 05 Javascript
js实现jquery的offset()方法实例
Jan 10 Javascript
js随机生成一个验证码
Jun 01 Javascript
React组件重构之嵌套+继承及高阶组件详解
Jul 19 Javascript
VUE在for循环里面根据内容值动态的加入class值的方法
Aug 12 Javascript
JavaScript基础教程之如何实现一个简单的promise
Sep 11 Javascript
Vue实现背景更换颜色操作
Jul 17 Javascript
JavaScript中关于预编译、作用域链和闭包的理解
Mar 31 Javascript
vue elementUI表格控制对应列
Apr 13 Vue.js
vue本地构建热更新卡顿的问题“75 advanced module optimization”完美解决方案
Aug 05 Vue.js
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文件打开、关闭、写入的判断与执行代码
2011/05/24 PHP
基于php常用函数总结(数组,字符串,时间,文件操作)
2013/06/27 PHP
php获取根域名方法汇总
2014/10/28 PHP
详解PHP中的mb_detect_encoding函数使用方法
2015/08/18 PHP
Symfony2 session用法实例分析
2016/02/04 PHP
解析PHP之提取多维数组指定列的方法
2017/01/03 PHP
php实现用户注册密码的crypt加密
2017/06/08 PHP
TP5框架实现一次选择多张图片并预览的方法示例
2020/04/04 PHP
javascript Xml增删改查(IE下)操作实现代码
2009/01/30 Javascript
自动完成JS类(纯JS, Ajax模式)
2009/03/12 Javascript
理解Javascript_12_执行模型浅析
2010/10/18 Javascript
JavaScript地图拖动功能SpryMap的简单实现
2013/07/17 Javascript
使用jquery解析XML的方法
2014/09/05 Javascript
JS应用正则表达式转换大小写示例
2014/09/18 Javascript
jquery简单实现幻灯片的方法
2015/08/03 Javascript
jquery UI Datepicker时间控件的使用方法(加强版)
2015/11/07 Javascript
JQuery 的跨域方法推荐_可跨任何网站
2016/05/18 Javascript
全面了解函数声明与函数表达式、变量提升
2016/08/09 Javascript
JS库之ParticlesJS使用简介
2017/09/12 Javascript
浅谈vuex中store的命名空间
2019/11/08 Javascript
jQuery实现高度灵活的表单验证功能示例【无UI】
2020/04/30 jQuery
区分vue-router的hash和history模式
2020/10/03 Javascript
Vue页面渲染中key的应用实例教程
2021/01/12 Vue.js
Python调用SQLPlus来操作和解析Oracle数据库的方法
2016/04/09 Python
Python列表生成式与生成器操作示例
2018/08/01 Python
Python数据类型之列表和元组的方法实例详解
2019/07/08 Python
python网络编程之多线程同时接受和发送
2019/09/03 Python
python实现QQ邮箱发送邮件
2020/03/06 Python
python可视化 matplotlib画图使用colorbar工具自定义颜色
2020/12/07 Python
世界上最大的汽车共享网站:Zipcar
2017/01/14 全球购物
公司人力资源的自我评价
2014/01/02 职场文书
写好自荐信需做到的5要点
2014/03/07 职场文书
群众路线教育实践活动学习心得体会
2014/10/30 职场文书
通知函格式范文
2015/04/27 职场文书
宣传部部长竞选稿
2015/11/21 职场文书
tomcat默认最大连接数及相关调整方法
2022/05/06 Servers