浏览器页签的有趣icon

进击的学霸...小于 1 分钟

今天浏览推特的时候,看到一个有趣的浏览器页签 icon ,正好我的站点首页是没有 icon 的,可以搞一下,他展示的效果是这样的,他是尝试的用最短的代码来写,链接地址

mark

我试了一下他的代码,并不行,编码不识别,但是看了下逻辑没有什么特别的,无非就是用一个定时器,每隔一点时间改掉 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)
}

链接地址open in new window ,效果如下:

mark

评论
  • 按正序
  • 按倒序
  • 按热度