今天小编跟大家讲解下有关HTML5 Notification（桌面提醒）功能使用实例 ，相信小伙伴们对这个话题应该有所关注吧，小编也收集到了有关HTML5 Notification（桌面提醒）功能使用实例 的相关资料，希望小伙伴们看了有所帮助。
一、HTML5 Notification 简介HTML5 Notification 即桌面通知。目前浏览器依然是一个严格的沙盒工作模式 这种模式把浏览器和桌面的通信隔离开。Notification可以跨越沙盒能够让浏览器即使是最小化状态也能将消息通知给用户。二、桌面提醒API复制代码代码如下:window.webkitNotifications该API有3个方法：复制代码代码如下:requestPermission 请求桌面通知checkPermission 检查桌面通知许可（PERMISSION_ALLOWED = 0, PERMISSION_NOT_ALLOWED = 1, PERMISSION_DENIED = 2）createNotification 创建桌面通知三、桌面通知实例下面让我们用该桌面通知API写个小功能：每隔20分钟在桌面发一个消息来提醒用户休息一下。代码如下：复制代码代码如下:if(window.webkitNotifications){ if(window.webkitNotifications.checkPermission()==0){ setInterval(function(){ var popup = window.webkitNotifications.createNotification("avator.jpg","如花温馨提醒：","长时间面对电脑眼睛会瞎的 休息一下~！"); popup.show(); },1000 * 60 * 20);</p><p> }else{ window.webkitNotifications.requestPermission(); }}else{ alert('浏览器不支持桌面通知～！');}
然后20分钟之后桌面就会出现：
来源：爱蒂网
