浏览器页签的有趣icon
2020年3月25日...小于 1 分钟
今天浏览推特的时候,看到一个有趣的浏览器页签 icon ,正好我的站点首页是没有 icon 的,可以搞一下,他展示的效果是这样的,他是尝试的用最短的代码来写,链接地址
我试了一下他的代码,并不行,编码不识别,但是看了下逻辑没有什么特别的,无非就是用一个定时器,每隔一点时间改掉 icon 罢了,自己去找了几个表情的图片格式的,写了一点代码,实现了这个效果,看起来还可以,哈哈哈
window.onload = function () {
let favicon = document.getElementById('i')
let num = 0
setInterval(() => {
num += 1
if (num > 5) num = 1
favicon.setAttribute('href', num + '.png')
}, 300)
}
链接地址 ,效果如下: