HTML5通知（桌面提醒）功能使用实例

本文主要介绍了使用HTML5通知（桌面提醒）功能，用一个例子来说明桌面提醒的效果，需要的朋友可以参考一下。
一、简要介绍HTML5通知
HTML5通知，即桌面通知。目前，浏览器仍然是一种严格的沙箱工作模式，它将浏览器和桌面之间的通信分离开来。
两。桌面提醒API

复制代码代码如下：window.webkitnotifications
api有3种方法：

复制代码代码如下：requestpermission请求桌面通知
checkPermission检查桌面通知许可证（permission_allowed = 0，permission_not_allowed = 1，permission_denied = 2）
createnotification创建桌面通知
三。桌面通知的一个示例
让我们使用桌面通知API的一个小特性：每20分钟向桌面发送一条消息，提醒用户休息。
代码如下：

The copy code code is as follows: if (window.webkitNotifications) {
如果（window.webkitnotifications.checkpermission（）= = 0）{
setInterval（）{（）函数（
VaR弹出= window.webkitnotifications.createnotification（Avator .webp ）；
Popup.show（）；
}，1000×60×20）；
其他{ }
window.webkitnotifications.requestpermission（）；
}
其他{ }
警报（'browser不支持桌面通知！）；
}
然后20分钟后桌面出现了：