如何使网页中的图标闪烁/闪烁

我几天前开始研究高级java（我知道这已经太晚了）。我陷入了制作图标（任务栏上出现）的特定任务闪烁。该闪烁应基于特定条件发生，这意味着可以使用javascript来实现。如何使网页中的图标闪烁/闪烁

我一直在寻找一段时间，但是有没有办法让图标每隔1秒左右出现并消失以引入闪烁效果？

2013-04-30 Anuj Balan

如果你能在HTML做到这一点，你可以做一个JSP，因此这有*不*做Java，JSP或（礼貌咳嗽）“高级Java”。 – 2013-04-30 03:54:30

标签为adv.java，因为jsp，javascript等属于该标题。 – 2013-04-30 03:55:15

JSP不是特别先进的，而Javascript是***不*** *** Java。 – 2013-04-30 03:56:14

HTML

<img src='image/source' alt='blinking!' id='blinking_image' />

的Javascript

var img = document.getElementById('blinking_image'); 

var interval = window.setInterval(function(){ 
    if(img.display == 'hidden'){ 
     img.style.visibility = 'visible'; 
    }else{ 
     img.style.visibility = 'hidden'; 
    } 
}, 1000); //the 1000 here is milliseconds and determines how often the interval should be run.

此创建setInterval内部的匿名函数运行每1秒（1秒== 1000milisec）。要了解更多关于的setInterval checkout the mdn here on it.

每次运行时，它会检查，看是否img是hidden或visible如果它是隐藏的话，就说明它，如果它是可见的话，隐藏它的时间。它通过检查style.visiblity属性来做到这一点。您可以了解更多关于here on the mdn的信息。

来源

2013-04-30 04:58:21 Ryan

是否setInterval是一个已经定义好的内置函数？ – 2013-04-30 05:20:05

@AnujBalan是的，请参阅编辑答案。我真的搞砸了，忘了窗口部分。 'setInterval'是分配给全局'窗口对象'的函数。从技术上讲，您不必执行'window.setInterval'，但它确实使调用的内容更清晰。 – Ryan 2013-04-30 05:22:45

小修复

代替

if(img.display == 'hidden')

使用

if(img.style.visibility == 'hidden')

来源

2014-07-14 11:49:27

如何使网页中的图标闪烁/闪烁

回答

相关问题