menu
Uveb

17:29
Мигаючий заголовок сторінки - зміна title
Почергове виведення повідомлення Нове повідомлення у title:
Для привернення уваги користувача, наприклад про якусь подію, змінюють title сторінки (особливо це помітно коли вкладка з сайтом не активна).

Результат роботи скрипту ви можете побачити у title даної сторінки.

Демо

Встановлення


Код
<button id="start">Запустити</button> <button id="stop">Зупинити</button>
   
<script>
var timer;
var counter = 0;
var start_title = document.title;
var message = '* Нове повідомлення! *';
   
$('#start').click(function(){
  timer = setInterval(function(){
  if (counter % 2) {
  document.title = start_title;
  } else {
  document.title = message;
  }
  counter++;
  }, 1000);
});
   
$('#stop').click(function(){
  clearInterval(timer);
  document.title = start_title;
});
</script>
Категорія: JavaScript | Переглядів: 223 | Додав: Uveb | Рейтинг: 3.0/3