Javascript 用于通知的动画Favicon

我想在用户浏览其他浏览器选项卡时通知他们新收到的消息

首先，我必须将闪烁的红色机器人设置为favicon（这里的问题是Google Chrome不支持GIF动画作为favicon）

是否有一种方法可以循环通过两个图像，一个是红色，一个是白色，每个500毫秒

setInterval(function() {
    $('#favicon').attr('href','_/css/img/red.png');
}, 500);

---

如何对两个图标执行500毫秒的循环？

每次更改时使用一个变量并切换：

var red=1; 
setInterval(function() {  
    if (red==1) { 
        red=0;
        $('#favicon').attr('href','_/css/img/white.png');
    } else { 
       red=1;
       $('#favicon').attr('href','_/css/img/red.png');
    }
}, 500);

---

使用变量并在每次更改时进行切换：

var red=1; 
setInterval(function() {  
    if (red==1) { 
        red=0;
        $('#favicon').attr('href','_/css/img/white.png');
    } else { 
       red=1;
       $('#favicon').attr('href','_/css/img/red.png');
    }
}, 500);

---

纯Javascript是最简单的解决方案，并且已经给出了这样的答案

---

作为替代方案，您可以使用播放视频作为favicon。您可以通过将现有GIF转换为视频，然后使用favicon.js播放来实现这一点。这个解决方案的优点是，你的动画可以像你想要的那样复杂。

Plain Javascript它是最简单的解决方案，并且已经给出了这样的答案

作为替代方案，您可以使用播放视频作为favicon。您可以通过将现有GIF转换为视频，然后使用favicon.js播放来实现这一点。此解决方案的优点是，动画可以任意复杂