Create a flashing tab notification page title

Page title notifications switch between the default page title and a notification message continously in order to grab the user’s attention. This is commonly used with chat applications.

I’ve written a small javascript object which can be used to switch on and off page title notifications.

To activate the page title notification call the following:

pageTitleNotification.on("New Message!");

Then call the following to turn it off:

pageTitleNotification.off()

The default speed is 1000 milliseconds, but this can be customised by passing a 2nd parameter to the on() function.

pageTitleNotification.on("New Message!", 5000);

Download

There are various ways you can integrate this into your project:

npm

Run the following npm install command:

npm install flashing-page-title-notification --save

https://www.npmjs.com/package/flashing-page-title-notification

Minified file

Download the minified javascript version from GitHub:

PageTitleNotification.min.js

Demo

https://flashing-page-title-notification.netlify.com/demo

GitHub

Full source code available on GitHub. Please feel free to raise any issues or pull requests!

https://github.com/curtiscde/Flashing-Page-Title-Notification