Beispiele für die Verwendung der HTML5-Benachrichtigungsfunktion (Desktop-Erinnerung)_HTML5-Tutorial-Fähigkeiten

1. Einführung in die HTML5-Benachrichtigung
HTML5-Benachrichtigung ist eine Desktop-Benachrichtigung. Derzeit arbeiten Browser noch im strikten Sandbox-Modus, der die Kommunikation zwischen Browser und Desktop isoliert. Die Benachrichtigung kann sich über Sandboxen erstrecken, sodass der Browser Benutzer auch dann über Nachrichten benachrichtigen kann, wenn diese minimiert sind.
2. Desktop-Erinnerungs-API

Kopieren Sie den Code

Der Code lautet wie folgt:

window.webkitNotifications

Die API verfügt über 3 Methoden:

Code kopieren

Der Code lautet wie folgt:

requestPermission Desktop-Benachrichtigung anfordern
checkPermission Desktop-Benachrichtigungsberechtigung prüfen (PERMISSION_ALLOWED = 0, PERMISSION_NOT_ALLOWED = 1, PERMISSION_DENIED = 2)
createNotification Desktop-Benachrichtigung erstellen

3. Beispiel für eine Desktop-Benachrichtigung
Verwenden wir die Desktop-Benachrichtigungs-API, um eine kleine Funktion zu schreiben: Senden Sie alle 20 Minuten eine Nachricht auf den Desktop, um den Benutzer daran zu erinnern, eine Pause einzulegen.
Der Code lautet wie folgt:

Kopieren Sie den Code

Der Code lautet wie folgt:

if(window.webkitNotifications) {
if(window.webkitNotifications.checkPermission()==0){
setInterval(function(){
var popup = window.webkitNotifications.createNotification("avator.jpg ","Ruhua Warm Reminder: ","Ihre Augen werden blind, wenn Sie längere Zeit vor dem Computer sitzen, machen Sie eine Pause~");
popup.show();
},1000 * 60 * 20);

}else{
window.webkitNotifications.requestPermission();
}
}else{
warning('Der Browser unterstützt keine Desktop-Benachrichtigungen~!');
}

Dann erscheint nach 20 Minuten der Desktop: