Commentaire: Cet article présente principalement l'utilisation de la fonction de notification HTML5 (rappel de bureau) et utilise des exemples pour illustrer l'effet du rappel de bureau. Les amis qui en ont besoin peuvent y faire référence.
1. Introduction à la notification HTML5
Notification HTML5, c'est-à-dire les notifications de bureau. À l'heure actuelle, le navigateur est toujours un mode de travail strict de bac à sable, qui isole la communication entre le navigateur et le bureau. La notification peut traverser des bacs à sable pour permettre aux navigateurs d'informer les utilisateurs des messages même s'ils minimisent l'état.
2. API de rappel de bureau
Il existe 3 méthodes pour cette API:
CheckPermission vérifie la permission de notification de bureau (permission_allowed = 0, permission_not_allowed = 1, permission_denidy = 2)
créationotification Créer des notifications de bureau
3. Exemple de notification de bureau
Utilisons l'API de notification de bureau pour écrire une petite fonction: envoyez un message sur le bureau toutes les 20 minutes pour rappeler aux utilisateurs de faire une pause.
Le code est le suivant:
if (window.webkitNotifications.checkPermission () == 0) {
setInterval (function () {
var popup = window.webkitnotifications.creenotification ("avator.jpg", "Ruhua Rappel chaud:", "Vous aveuglerez les yeux face à l'ordinateur pendant longtemps, faites une pause ~!");
popup.show ();
}, 1000 * 60 * 20); </p> <p>} else {
window.webkitNotifications.requestPermission ();
}
}autre{
alert ('Le navigateur ne prend pas en charge les notifications de bureau ~!');
}
Puis 20 minutes plus tard, le bureau apparaîtra: