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

Posted ▍凉城空巷°

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了图片隔几秒闪烁然后停止的特效相关的知识,希望对你有一定的参考价值。

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" onload="return imgzoom(this,600);" 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>

 

以上是关于图片隔几秒闪烁然后停止的特效的主要内容,如果未能解决你的问题,请参考以下文章

请教java高手们,帮我写一个java编写的图片浏览器,功能如下:有自动浏览功能,每隔几秒图片自动翻页。用

在 jupyter 中 [每隔几秒] 更新 plotly 图形

在C#中如何使用多线程,每隔几秒去执行一个方法?

如何使用twisted每隔几秒发送一次IRC消息?

如何在python中每隔几秒在tkinter窗口中更改一行文本[重复]

让PHP文件每隔几秒执行一次