如何使图标闪烁/闪烁,这在网页中存在

Question

几天前我开始研究高级java(为时已晚,我知道).我被困在一个特定的任务,即使图标(存在于任务栏上)闪烁.这种闪烁应该基于特定条件发生,这意味着可以使用它来实现javascript.

我一直在寻找一段时间,但有没有办法让图标出现并每1秒消失一次,以带来眨眼效果？

Answer 1

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的更多信息,请在此处查看mdn.

每次运行时,它会检查是否img存在hidden或visible是否隐藏,然后显示它是否可见,然后隐藏它.它通过检查style.visiblity属性来做到这一点.你可以在这里了解更多有关mdn的信息.