Как сделать мигающий Title если вкладка неактивна?

Question

[be_a_man]

Вот что сейчас есть. Как остановить если посетитель вернулся? Или как-то по другому это можно реализовать?

var titleDefault = document.title;
	titleChange = '999999999';

	window.onblur = function () {
		var timerId = setTimeout(function tick() {
			if (document.title == titleDefault) {
				document.title = titleChange;
			} 
			else {
				document.title = titleDefault;
			};

			timerId = setTimeout(tick, 500);

		}, 500);
	};

	window.onfocus = ???

Answer 1

[timokins]

Держите,

var changeTitle = function() {
    this.title = function () {
        var title = document.title;
        document.title = (title == "hello" ? "" : "hello");
    }
};

changeTitle.prototype.start = function() {
    this.timer = setInterval(this.title, 1000);
};

changeTitle.prototype.stop = function() {
    clearInterval(this.timer)
};

var timerTitle = new changeTitle();
window.onblur = function() {
    timerTitle.start();
};
window.onfocus = function() {
    timerTitle.stop();
};

Comments

[be_a_man]

Спасибо!

[be_a_man]

Не могли бы написать, что прочитать, чтобы в это вникнуть?

[timokins]

be_a_man:
learn.javascript.ru/prototypes
learn.javascript.ru/object-methods#%D0%BF%D0%BE%D0...

[maiskiykot]

Пардоньте, а как остановить мигание? Получается, что при уходе со страницы мигание возобновляется. Нужно так, чтобы при разовом заходе эта функция вырубалась автоматом.

Answer 2

[Алексей Ярков]

javascript.ru/cleartimeout

Comments

[be_a_man]

window.onfocus = clearTimeout(timerId);

Не работает в данном случае

[timokins]

be_a_man: так у Вас timerId не в глобальной области видимости, поэтому clearTimeout и не срабатывает

[be_a_man]

timokins: если timerId задать глобально, он исполнится при загрузке

[timokins]

be_a_man: Вам не timerId нужно задавать глобально, а привести их к одной области видимости. Создайте объект с таймером и двумя методами: запустить и остановить таймер. И вызывайте эти методы, когда необходимо.

[be_a_man]

timokins: Спасибо, я в js не силен. Подскажите насколько правильно сделал?

var titleDefault = document.title;
var titleChange = '321';

timerId = '';
function tick() {
if (document.title == titleDefault) {
document.title = titleChange;
}
else {
document.title = titleDefault;
};

timerId = setTimeout(tick, 500);
};

var changeTitle = {

start: function() {
setTimeout(tick(), 500);
},

stop: function() {
clearTimeout(timerId);
},
};

$(window).blur(function() {
changeTitle.start();
});

$(window).focus(function() {
changeTitle.stop();
document.title = titleDefault;
});

Answer 3

[Александр Х]

может просто алерт?

Comments

[be_a_man]

К сожалению, нет)