Создание расписания для всплывающего уведомления (HTML)

Статья
12/12/2015

[ Эта статья адресована разработчикам приложений среды выполнения Windows для Windows 8.x и Windows Phone 8.x. При разработке приложений для Windows 10 см. раздел последняя документация]

Примечание Не используете JavaScript? См. раздел Как создать расписание для всплывающего уведомления (XAML).

В этом разделе вы узнаете, как настроить отображения всплывающего уведомления в определенное время.

Что необходимо знать

Технологии

Windows Runtime

Необходимые условия

Хорошее знание понятий и терминов, связанных со всплывающими уведомлениями. Подробнее см. раздел Обзор всплывающих уведомлений.
Умение создавать простые приложения Магазина Windows на JavaScript с помощью API среды выполнения Windows. Дополнительные сведения см. в разделе Создание первого приложения Магазина Windows на JavaScript.
Чтобы отправлять или получать всплывающие уведомления, в манифесте вашего приложения задайте значение "Да" для параметра Всплывающие уведомления. Дополнительные сведения см. в разделе Согласие на всплывающие уведомления.

Инструкции

Этап 1: Выбор шаблона

Сначала необходимо создать уведомление, для которого можно задать время доставки.


var template = Windows.UI.Notifications.ToastTemplateType.toastText02;                        
var toastXml = Windows.UI.Notifications.ToastNotificationManager.getTemplateContent(template);

Этап 2: Задайте содержимое всплывающего уведомления

Здесь эта процедура описываться не будет, поскольку она одинакова для всплывающих уведомлений с расписанием и без него. Подробнее см. Краткое руководство: отправка всплывающих уведомлений.

Этап 3: Указание времени доставки всплывающего уведомления

В данном примере указано, что уведомление должно появиться через 3 секунды. Текущее время в данном примере получено при помощи объекта даты JavaScript.


var currentTime = new Date();
var startTime = new Date(currentTime.getTime() + 3 * 1000);

Этап 4: Создание объекта запланированного всплывающего уведомления

Отправьте содержимое всплывающего уведомления вместе с указанным временем доставки в конструктор.

var scheduledToast = new Windows.UI.Notifications.ScheduledToastNotification(toastXml, startTime);

Этап 5: Дополнительно: присвоение идентификатора запланированному всплывающему уведомлению

Длина этого идентификатора не должна превышать 16 символов. Он может пригодиться, если в дальнейшем вы захотите отменить уведомление.

scheduledToast.id = "Future_Toast";

Этап 6: Добавьте новое всплывающее уведомление в расписание.

Создайте объект ToastNotifier, который, в свою очередь, будет использоваться для добавления уведомления в расписание.


var toastNotifier = Windows.UI.Notifications.ToastNotificationManager.createToastNotifier();
toastNotifier.addToSchedule(scheduledToast);

Добавление всплывающего уведомления с повтором через определенный промежуток времени

Следующий код выводит одно и то же всплывающее уведомление пять раз с интервалом в одну минуту. Для ясности код заполнения шаблона не приводится.


var template = Windows.UI.Notifications.ToastTemplateType.toastText02;
var toastXml = Windows.UI.Notifications.ToastNotificationManager.getTemplateContent(template);

// TO DO: Fill in the template with your notification content here. 
 
var currentTime = new Date();
var startTime = new Date(currentTime.getTime() + 1000);
 
var recurringToast = new Windows.UI.Notifications.ScheduledToastNotification(toastXml, startTime, 60 * 1000, 5);
recurringToast.id = "Recurring_Toast";

var toastNotifier = Windows.UI.Notifications.ToastNotificationManager.createToastNotifier();
toastNotifier.addToSchedule(recurringToast);