Enhance your useless favicon with FavCount™ technology.
Load up favcount.js in your HTML.
<html>
<head>
<link rel='icon' type='image/png' href='path/to/favicon.ico'>
</head>
<body>
...
<!-- bottom of body -->
<script src='favcount.js' type='text/javascript'></script>
</body>
</html>Create and use a Favcount in your JavaScript.
var favicon = new Favcount('path/to/favicon.ico');
favicon.set(10);If you want to make that icon really pop, change it out to something else or adjust the opacity.
favicon.icon = 'path/to/different/icon.ico';
favicon.opacity = 0.5;
favicon.set();Have a look at the favicon for the home page. Notice how amazing it is? Here's the code.
var favicon = new Favcount('icons/blue-dot.ico');
function setCount(count) {
if (count > 99) { count = 1 };
favicon.set(count);
setTimeout(function() {
setCount(count + 1);
}, 500);
}
setCount(1);