Is there a way to track if user is not active on page (he opened our website, but later he opened i.e. facebook and he forgot our page)? I want to give him blinking title in my website tab, to grab his attention back.
For example, regular title is "Book your room" and if he open something else in other tab I want to change title from "Book your room" to "You forgot to book your room" and vice versa on like 2 seconds loop.
Would be nice if it can be done in AngularJS. Thanks!
<script>
var timer = null;
function setBlurTitle(num) {
let n = 1;
if (num) {
n = num;
};
if (n % 2 == 0) {
document.title = "come back here";
} else {
document.title = "";
};
if (timer) {
clearTimeout(timer);
timer = null;
};
timer = setTimeout(() => {
n++;
setBlurTitle(n);
}, 500);
}
function clearTitle() {
document.title = 'normal'
if (timer) {
clearTimeout(timer);
timer = null;
}
}
window.addEventListener('blur', () => { setBlurTitle() }, false);
window.addEventListener('focus', () => { clearTitle() }, false)
