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之七 判断点击了鼠标哪个键的代码
Jun 21 Javascript
JavaScript高级程序设计 客户端存储学习笔记
Sep 10 Javascript
Js冒泡事件详解及阻止示例
Mar 21 Javascript
JS实现类似51job上的地区选择效果示例
Nov 17 Javascript
javascript容错处理代码(屏蔽js错误)
Jan 20 Javascript
Swiper实现轮播图效果
Jul 03 Javascript
Vue.js组件通信的几种姿势
Oct 23 Javascript
vue购物车插件编写代码
Nov 27 Javascript
脚手架vue-cli工程webpack的作用和特点
Sep 29 Javascript
详解关于webpack多入口热加载很慢的原因
Apr 24 Javascript
node.js使用yargs处理命令行参数操作示例
Feb 11 Javascript
基于JavaScript实现轮播图效果
Jan 02 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
DC宇宙的第一个英雄,堪称动漫史鼻祖,如今成为美国文化的象征
2020/04/09 欧美动漫
php debug 安装技巧
2011/04/30 PHP
PHP得到mssql的存储过程的输出参数功能实现
2012/11/23 PHP
php替换字符串中间字符为省略号的方法
2015/05/04 PHP
javascript的onchange事件与jQuery的change()方法比较
2009/09/28 Javascript
来自国外的页面JavaScript文件优化
2010/12/08 Javascript
jQuery之网页换肤实现代码
2011/04/30 Javascript
JS 实现图片直接下载示例代码
2013/07/22 Javascript
javaScript 页面自动加载事件详解
2014/02/10 Javascript
字段太多jquey快速清空表单内容方法
2014/08/21 Javascript
javascript上下方向键控制表格行选中并高亮显示的方法
2015/02/13 Javascript
学习javascript面向对象 理解javascript对象
2016/01/04 Javascript
javascript瀑布流式图片懒加载实例解析与优化
2016/02/23 Javascript
Bootstrap自动适应PC、平板、手机的Bootstrap栅格系统
2016/05/27 Javascript
Node.js DES加密的简单实现
2016/07/07 Javascript
JS上传图片预览插件制作(兼容到IE6)
2016/08/07 Javascript
原生js和css实现图片轮播效果
2017/02/07 Javascript
微信小程序中使用ECharts 异步加载数据实现图表功能
2018/07/13 Javascript
jQuery实现基本淡入淡出效果的方法详解
2018/09/05 jQuery
解决Vue开发中对话框被遮罩层挡住的问题
2018/11/26 Javascript
微信小程序开发实现的选项卡(窗口顶部/底部TabBar)页面切换功能图文详解
2019/05/14 Javascript
vue中keep-alive组件的入门使用教程
2019/06/06 Javascript
es6函数之严格模式用法实例分析
2020/03/17 Javascript
python中的实例方法、静态方法、类方法、类变量和实例变量浅析
2014/04/26 Python
Python的Urllib库的基本使用教程
2015/04/30 Python
django model去掉unique_together报错的解决方案
2016/10/18 Python
python爬虫的工作原理
2017/03/05 Python
对numpy中数组元素的统一赋值实例
2018/04/04 Python
Python多进程写入同一文件的方法
2019/01/14 Python
python中时间转换datetime和pd.to_datetime详析
2019/08/11 Python
Python Http请求json解析库用法解析
2020/11/28 Python
HTML5实现Notification API桌面通知功能
2016/03/02 HTML / CSS
毕业生就业推荐信范文
2013/12/01 职场文书
2014年财政局工作总结
2014/12/09 职场文书
开票员岗位职责
2015/02/12 职场文书
Android Studio实现带三角函数对数运算功能的高级计算器
2022/05/20 Java/Android