Komentar: Artikel ini terutama memperkenalkan penggunaan fungsi html5 notifikasi (pengingat desktop), dan menggunakan contoh untuk menggambarkan efek pengingat desktop. Teman yang membutuhkannya bisa merujuknya.
1. Pengantar pemberitahuan HTML5
Pemberitahuan HTML5, yaitu, pemberitahuan desktop. Saat ini, browser masih merupakan mode kerja kotak pasir yang ketat, yang mengisolasi komunikasi antara browser dan desktop. Pemberitahuan dapat melintasi kotak pasir untuk memungkinkan browser memberi tahu pengguna pesan bahkan jika mereka meminimalkan status.
2. API Pengingat Desktop
Ada 3 metode untuk API ini:
Pemeriksaan Pemeriksaan Periksa Izin Pemberitahuan Desktop (permission_allowed = 0, permission_not_allowed = 1, permission_denied = 2)
CreateNotification membuat pemberitahuan desktop
3. Contoh Pemberitahuan Desktop
Mari kita gunakan API Pemberitahuan Desktop untuk menulis fungsi kecil: Kirim pesan di desktop setiap 20 menit untuk mengingatkan pengguna agar istirahat.
Kodenya adalah sebagai berikut:
if (window.webkitnotifications.checkpermission () == 0) {
setInterval (function () {
var popup = window.webkitnotification.createNotification ("Avator.jpg", "Ruhua Warm Reminder:", "Anda akan membutakan mata Anda saat menghadap komputer untuk waktu yang lama, istirahatlah ~!");
popup.show ();
}, 1000 * 60 * 20); </p> <p>} else {
window.webkitnotifications.RequestperMission ();
}
}kalau tidak{
Peringatan ('Browser tidak mendukung pemberitahuan desktop ~!');
}
Kemudian 20 menit kemudian desktop akan muncul: