Con el siguiente ejemplo se consigue este efecto de forma sencilla. Probado en Chrome, Safari y Firefox.
Espero pueda ser útil.
<html>
<head>
<title>My Application</title>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js">
</script>
<script type="text/javascript">
(function () {
var titleOriginal = document.title;
var intervalBlinkTitle = 0;
// Inicia el parpadeo del título la página
window.startFlashTitle = function (newTitle) {
if(intervalBlinkTitle == 0){
document.title =
(document.title == titleOriginal) ? newTitle : titleOriginal;
intervalBlinkTitle = setInterval(function (){
document.title =
(document.title == titleOriginal) ? newTitle : titleOriginal;
}, 1000);
}
};
// Para el parpadeo del título de la página
// Restablece el título
window.stopFlashTitle = function () {
clearInterval(intervalBlinkTitle);
intervalBlinkTitle = 0;
document.title = titleOriginal;
};
}());
</script>
</head>
<body>
<button onclick="startFlashTitle('Hi, Joe !!!');">
Start
</button>
<button onclick="stopFlashTitle();">
Stop
</button>
</body>
</html>
+22.16.39.png)
+22.16.57.png)
+22.17.13.png)
+22.17.44.png)
+22.20.47.png)
+22.22.12.png)
+22.23.21.png)
+22.24.38.png)
+00.08.55.png)
+06.28.18.png)
+06.30.10.png)