コメント:この記事では、主にHTML5通知(デスクトップリマインダー)関数の使用法を紹介し、例を使用してデスクトップリマインダーの効果を説明します。それを必要とする友達はそれを参照できます。
1。HTML5通知の紹介
HTML5通知、つまりデスクトップ通知。現在、ブラウザはまだ厳格なサンドボックス作業モードであり、ブラウザとデスクトップの間の通信を分離しています。通知は、サンドボックスを横切って、ブラウザが状態を最小限に抑えても、ユーザーにメッセージをユーザーに通知できるようにすることができます。
2。デスクトップリマインダーAPI
このAPIには3つの方法があります。
CheckPermission Check Desktop Notification Permission(Permission_Allowed = 0、Permission_Not_Allowed = 1、Permission_Denied = 2)
CreateNotificationデスクトップ通知を作成します
3。デスクトップ通知の例
デスクトップ通知APIを使用して小さな関数を書き込みます。20分ごとにデスクトップにメッセージを送信して、ユーザーに休憩をとるように思い出させます。
コードは次のとおりです。
if(window.webkitnotifications.checkpermission()== 0){
setInterval(function(){
var popup = window.webkitnotifications.createNotification( "avator.jpg"、 "ruhua warm reminder:"、 "コンピューターに長い間向いているときに目を盲目にします。
popup.show();
}、1000 * 60 * 20); </p> <p>} else {
window.webkitnotifications.requestpermission();
}
}それ以外{
alert( 'ブラウザはデスクトップ通知をサポートしていません〜!');
}
その後、20分後にデスクトップが表示されます。