Создание PUSH уведомлений на сайте

Создание PUSH уведомлений на сайте

В этом уроке мы с вами создадим PUSH уведомления на сайте, при этом мы не будем использовать никаких посторонних плагинов. Наши уведомления будут приходить пользователю в качестве красивых напоминаний с картинкой, заголовком и описанием.

Видеоурок

Исходный код

PUSH уведомления
<html>
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>Push уведомления</title>
</head>
<body>
	<input type="button" onclick="notifSet ()" value="Notification">
	
<script>
	function notifyMe () {
		var notification = new Notification ("Все еще работаешь?", {
			tag : "ache-mail",
			body : "Пора сделать паузу и отдохнуть",
			icon : "https://itproger.com/img/notify.png"
		});
	}
	
	function notifSet () {
		if (!("Notification" in window))
			alert ("Ваш браузер не поддерживает уведомления.");
		else if (Notification.permission === "granted")
			setTimeout(notifyMe, 2000);
		else if (Notification.permission !== "denied") {
			Notification.requestPermission (function (permission) {
				if (!('permission' in Notification))
					Notification.permission = permission;
				if (permission === "granted")
					setTimeout(notifyMe, 2000);
			});
		}
	}
</script>
</body>
</html>

Также стоит посмотреть

Изучение C++ от новичка до профи
Создание RPG игры в GameMaker Studio
10 уроков
Изучение технологии Bootstrap (верстка сайта)
16 уроков
Видеокурс по PHP, MySQL / Создание динамического сайта
Создание приложения на React JS / Использование API
7 уроков
Уроки Angular для начинающих
7 уроков