Как сделать анимированный фавикон?

Question

[Влад]

В хроме на вкладах свернутых сайтов пишется названия этих сайтов.
Некоторые сервисы добавляют разные надписи на этих вкладке, например, кол-во новых сообщений.

Как сделать чтобы, например, на вкладке кол-во новых сообщений мигало?
Это какойто яваскрипт, который будет добавлять надпись в метатитл и убирать?

Answer 1

[akyl-kb]

В head:

<link rel="icon" href="/favicons/favicon.ico" type="image/x-icon">

function setFavicon(url) {
    var link = document.querySelector('link[rel=icon]')
    link.setAttribute('href', url)
}

function startAnimation(icons, initial) {
    initial = initial === undefined ? 0 : initial
    setFavicon(icons[initial])
    var next = icons.length <= initial + 1 ? 0 : initial + 1
    setTimeout(function () {
        startAnimation(icons, next)
  }, 1000)
}

var icons = [
    'https://habr.com/images/favicon-32x32.png',
    'https://nextjs.org/static/favicon/favicon.ico'
]

startAnimation(icons)

Answer 2

[Dnebl]

https://css-tricks.com/the-making-of-an-animated-f...