html5 桌面提醒例子,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);

}else{

window.webkitNotifications.requestPermission();

}

}else{

alert('浏览器不支持桌面通知～！');

}

然后20分钟之后桌面就会出现：

html5 桌面提醒例子,HTML5 Notification（桌面提醒）功能使用实例相关推荐

html5 桌面提醒参数,[HTML5]Notification桌面提醒功能
桌面提醒的介绍桌面通知功能能够让浏览器即使是最小化状态也能够将消息通知给用户.这和WebIM是最为天然的结合.弹出来的内容只能是文本,暂不支持HTML. Notification桌面提醒功能的好处 ...
html5 桌面定时提醒,H5界面实现桌面推送通知
8种机械键盘轴体对比本人程序员,要买一个写代码的键盘,请问红轴和茶轴怎么选? 我们产品线的服务器告警模式是:"每十分钟执行一次脚本,脚本会使用zkclient获取当前服务器的CPU.内存. ...
[html] html5的Notification桌面通知如何请求权限？
[html] html5的Notification桌面通知如何请求权限? Notification.requestPermission(callback); 个人简介我是歌谣,欢迎和大家一起交流前后 ...
介绍两个个好软件，一个是桌面提醒，一个是桌面图标管理
第一款:桌面图标管理的:Fences 上网搜一下,有它的使用视频第二款:蓝果桌面日程管理软件可以自动往桌面添加背景文字,便于提醒自己: 这个截图还可以把
html5桌面系统,基于HTML5的IVI桌面系统及本地功能扩展研究实现
摘要: 随着汽车技术以及互联网技术的发展,智能化车载信息娱乐系统(IVI:In-Vehicle Infotainment)已经成为汽车工业未来发展的新方向.目前,在用于开发智能化车载信息娱乐系统的大量 ...
安卓桌面软件哪个好_记事提醒的软件哪个好？苹果手机用什么便签app记事提醒好...
现在是互联网时代了,越来越多的人开始选择在软件上记事提醒了.只不过,现在的软件这么多,用哪个软件好呢?就拿苹果手机来说吧,虽然iPhone手机上自带有备忘录和提醒事项这两个app软件,但是它们需要分开 ...
php 会员到期提醒_电脑上怎么在桌面加一个备忘记录提醒便签软件？
电脑是大家日常工作中离不开的一款工具,使用电脑不仅可查询工作中所需的重要信息,还可以在电脑上记录一些工作备忘.工作任务等,为了避免忘记记录在电脑上备忘事项,大家可以选择一些能够在电脑桌面上查看且支持设 ...
保护视力的软件：定时提醒你休息的桌面工具EyeLeo
文章目录保护视力的软件:定时提醒你休息的桌面工具EyeLeo 什么是EyeLeo 为什么要使用? 它为什么如此重要? EyeLeo特征使用说明保护视力的软件:定时提醒你休息的桌面工具EyeLeo ...
html5+桌面推送,HTML5 Web Notifications 桌面推送小记
简介 Web Notifications目前在w3c的协议中已是"推荐"(REC:Recommendation)阶段,除了iE外,各大现代浏览器都对这个桌面推送有了基本的支持.这都 ...

html5 桌面提醒例子,HTML5 Notification（桌面提醒）功能使用实例

html5 桌面提醒例子,HTML5 Notification（桌面提醒）功能使用实例相关推荐

最新文章

热门文章

html5 桌面提醒 例子,HTML5 Notification（桌面提醒）功能使用实例

html5 桌面提醒 例子,HTML5 Notification（桌面提醒）功能使用实例相关推荐

最新文章

热门文章

html5 桌面提醒例子,HTML5 Notification（桌面提醒）功能使用实例

html5 桌面提醒例子,HTML5 Notification（桌面提醒）功能使用实例相关推荐