图片隔几秒闪烁然后停止的特效

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);
});

以上是图片隔几秒闪烁然后停止

以下图片不停闪烁的特效

方法一:

<DIV ID="soccer">
<img SRC="http://ugc.qpic.cn/baikepic/33866/cut-20140711095236-1914130552.jpg/0" border="0"  onclick="javascript:window.open(this.src);" style="cursor:pointer;"/>
</DIV>
<SCRIPT>
var msecs=1000; //改变时间得到不同的闪烁间隔;
var counter=0;
function soccerOnload(){
setTimeout("blink()", msecs)}
function blink(){
soccer.style.visibility=
(soccer.style.visibility=="hidden") ? "visible" : "hidden"
counter+=1;setTimeout("blink()", msecs)}soccerOnload()
</SCRIPT>

方法二:

<script type="text/javascript">
 function show(){
 var imgid=document.getElementById("imgid");
 if(imgid.style.visibility == "visible")
     imgid.style.visibility = "hidden";
 else
     imgid.style.visibility = "visible";
 setTimeout(‘show()‘,300);
  }
  show();
</script>
时间: 2024-10-10 08:21:20

图片隔几秒闪烁然后停止的特效的相关文章

每隔10秒刷新页面 vue

这个问题首先要弄明白js与es6中的this属性到底指的是什么. methods: { getData(data){ ....//这是后台接口传过来的数据 }, initSetTimeout(today) {//每隔10秒刷新数据,也就是每隔10秒向后台请求一次数据 setInterval( () => {//es6中这个this指向的是这些方法,若setInterval(function(){ this.getData(today)})中的this指向的真个windows,这样写是会报错的,所

android应用内存占用测试(每隔一秒打印procrank的信息)

1.内存占用 对于智能手机而言,内存大小是固定的:因此,如果单个app的内存占用越小,手机上可以安装运行的app就越多:或者说app的内存占用越小,在手机上运行就会越流畅.所以说,内存占用的大小,也是考量app性能的一个重要指标 2.原理说明 对于一个app,我们可以关注它在3种状态下的内存占用情况: 空负荷————app已经在后台运行,但是用户没有使用: 中负荷————app在前台运行,用户进行了少量操作: 满负荷————用户持续频繁大量操作,app接近饱和状态运行. 然而,除了第一种情况,其

shell 脚本:ping一个网段的所有ip 和 隔一秒显示当前的时间

环境是 centos7  /bin/bash 注意在复制测试时,务必将示例中的ip网段更改为自己的ip网段. ctrl+z可以将脚本打入后台,然后查看进程kill掉. 1. #!/bin/bash for i in {1..254} #定义1到254 do HOST=192.168.168.$i ping -c 2 $HOST &>/dev/null if [ $? -eq 0 ];then  # -eq 判断返回值是否为0 $?为0表示执行结果正确 echo "$HOST IS

利用jQuery Ajax技术实现每隔5秒向某页面传值

有时候我们需要每隔一段时间向某页面传值,比如说聊天室,每隔几秒就像数据库处理页面传值并取回,然后显示在聊天窗口.又或者是每隔一段时间就查询用户最后发言时间到现在是否间隔2分钟,如果是则将用户退出.这个时候我们就要用到HTML DOM setInterval() 方法. setInterval() 方法可按照指定的周期(以毫秒计)来调用函数或计算表达式. setInterval() 方法会不停地调用函数,直到 clearInterval() 被调用或窗口被关闭.由 setInterval() 返回

使用C#解决部分Win8.1系统窗口每隔几秒失去焦点的问题

使用了Win8.1 With Update 1后,发现重启系统后,当前激活的窗口总是每隔几秒失去焦点,过0.5~1秒焦点回来,导致输入无法正常工作,严重影响使用心情和效率. 在网上找了很久,也没找到相应的解决办法,大多提供的是关闭计划任务中禁用阿里巴巴的自动更新任务(http://www.paopaoche.net/gonglue/21442.html).可是这个方法对我来说并不管用,而且那种是1小时运行一次,我的系统是每隔几秒就会出现一次. 忍受了1周,忍无可忍,于是决定自己解决. 窗口失去焦

使用C#解决部分Win8.1系统窗体每隔几秒失去焦点的问题

使用了Win8.1 With Update 1后,发现重新启动系统后,当前激活的窗体总是每隔几秒失去焦点.过0.5~1秒焦点回来.导致输入无法正常工作,严重影响使用心情和效率. 在网上找了非常久,也没找到对应的解决的方法.大多提供的是关闭计划任务中禁用阿里巴巴的自己主动更新任务(http://www.paopaoche.net/gonglue/21442.html). 但是这种方法对我来说并无论用,并且那种是1小时执行一次.我的系统是每隔几秒就会出现一次. 忍受了1周,忍无可忍,于是决定自己解决

Android ListView滑动过程中图片显示重复错乱闪烁问题解决

转自:http://www.oschina.net/question/221817_121051 主要分析Android ListView滚动过程中图片显示重复.错乱.闪烁的原因及解决方法,顺带提及ListView的缓存机制.1.原因分析ListView item缓存机制:为了使得性能更优,ListView会缓存行item(某行对应的View).ListView通过adapter的getView函数获得每行的item.滑动过程中, a. 如果某行item已经滑出屏幕,若该item不在缓存内,则p

PL/SQL中如何让程序每隔几秒插入一条数据

在编写ORACLE PL/SQL中,如果需要程序执行中暂停几秒钟再继续执行,可以通过oracle内置的dbms_lock.sleep来实现,不过dbms_lock包需要用户自己安装. [[email protected] ~]# su - oracle [[email protected] ~]$ sqlplus / as sysdba SQL*Plus: Release 11.2.0.4.0 Production on Mon May 25 16:36:12 2015 Copyright (c

.每隔5秒查看hadoop用户是否登录,如果登录,显示其登录并退出;否则,显示当前时间,并说明hadoop尚未登录

36.每隔5秒查看hadoop用户是否登录,如果登录,显示其登录并退出:否则,显示当前时间,并说明hadoop尚未登录: #!/bin/bash # who| grep "hadoop" &> /dev/null RETVAL=$? while[ $RETVAL -ne 0 ]; do echo "`date`, hadoop is not log." sleep 5 who | grep "hadoop" &>/de