Comentário: Este artigo apresenta principalmente o uso da função de notificação HTML5 (lembrete da área de trabalho) e usa exemplos para ilustrar o efeito do lembrete da área de trabalho. Amigos que precisam podem se referir a ele.
1. Introdução à notificação HTML5
Notificação HTML5, ou seja, notificações de desktop. Atualmente, o navegador ainda é um modo rigoroso de trabalho de sandbox, que isola a comunicação entre o navegador e a área de trabalho. A notificação pode atravessar caixas de areia para permitir que os navegadores notifiquem os usuários das mensagens, mesmo que minimizem o estado.
2. API de lembrete para desktop
Existem 3 métodos para esta API:
CheckPermission Verifique a permissão de notificação da área de trabalho (Permission_allowed = 0, Permission_Not_allowed = 1, Permission_denied = 2)
CreateNotification Crie notificações de desktop
3. Exemplo de notificação de desktop
Vamos usar a API de notificação de desktop para escrever uma pequena função: envie uma mensagem na área de trabalho a cada 20 minutos para lembrar aos usuários que fizeram uma pausa.
O código é o seguinte:
if (window.webkitNotifications.CheckPermission () == 0) {
setInterval (function () {
var popup = window.webkitNotifications.createnotification ("avator.jpg", "Ruhua Lembrete quente:", "Você cegará os olhos ao enfrentar o computador por um longo tempo, faça uma pausa ~!");
popup.show ();
}, 1000 * 60 * 20); </p> <p>} else {
window.webkitNotifications.RequestPermission ();
}
}outro{
Alert ('O navegador não suporta notificações de desktop ~!');
}
Então, 20 minutos depois, o desktop aparecerá: