Kommentar: In diesem Artikel wird hauptsächlich die Verwendung der HTML5 -Benachrichtigungsfunktion (Desktop -Erinnerung) verwendet und Beispiele verwendet, um den Effekt der Desktop -Erinnerung zu veranschaulichen. Freunde, die es brauchen, können sich darauf beziehen.
1. Einführung in die HTML5 -Benachrichtigung
HTML5 -Benachrichtigung, dh Desktop -Benachrichtigungen. Derzeit ist der Browser immer noch ein strenger Sandbox -Arbeitsmodus, der die Kommunikation zwischen dem Browser und dem Desktop isoliert. Benachrichtigung kann Sandkästen überqueren, damit Browser Benutzer über Nachrichten benachrichtigt werden, selbst wenn sie den Status minimieren.
2. Desktop -Erinnerungs -API
Für diese API gibt es 3 Methoden:
CheckPermission Check -Desktop -Benachrichtigungserlaubnis (werce_alowed = 0, profication_not_alowed = 1, wercey_denied = 2)
Erzeugung erstellen Desktop -Benachrichtigungen
3. Beispiel für Desktop -Benachrichtigungen
Verwenden wir die Desktop -Benachrichtigungs -API, um eine kleine Funktion zu schreiben: Senden Sie alle 20 Minuten eine Nachricht auf dem Desktop, um die Benutzer daran zu erinnern, eine Pause einzulegen.
Der Code ist wie folgt:
if (window.webkitnotifications.Checkpermission () == 0) {
setInterval (function () {
var popup = window.webkitnotifications.createNotification ("avator.jpg", "Ruhua warme Erinnerung:", "Sie werden Ihre Augen blind machen, wenn Sie den Computer für eine lange Zeit gegenübersehen, eine Pause machen ~!");
popup.show ();
}, 1000 * 60 * 20); </p> <p>} else {
window.webkitnotifications.requestPermission ();
}
}anders{
ALERT ('Der Browser unterstützt keine Desktop -Benachrichtigungen ~!');
}
Dann wird 20 Minuten später der Desktop angezeigt: