Webkit 桌面通知 学习笔记 (HTML5 webkitNotifications)
2012-09-19 17:43
309 查看
function notify() { if (window.webkitNotifications) { //判断是否支持该功能 if (window.webkitNotifications.checkPermission() == 0) { //判断是否允许弹出桌面通知 //文本模式创建通知 var deskBox = window.webkitNotifications.createNotification('image.png', '标题', '内容'); //当显示时调用 deskBox.ondisplay = function(event) { //自动关闭 setTimeout(function() { event.currentTarget.cancel(); }, 10 * 1000); }; //当出错时调用 deskBox.onerror = function() {}; //当关闭时调用 deskBox.onclose = function() {}; //当点击时调用 deskBox.onclick = function(event) { //点击跳转页面 window.focus(); //关闭通知 event.currentTarget.cancel(); }; // deskBox.replaceId = 'box1'; //显示通知 deskBox.show(); //关闭通知 //deskBox.cancel(); //URl模式创建通知 var deskBox2 = window.webkitNotifications.createHTMLNotification("http://www.baidu.com/"); deskBox2.replaceId = "box2"; //延时显示通知 setTimeout(function(){ deskBox2.show(); },5000); } else { //询问用户是否允许提示 window.webkitNotifications.requestPermission(notify); } } }
相关文章推荐
- html5桌面通知(Web Notifications)实例解析
- HTML5桌面通知(Web Notifications)实例解析
- HTML5 Notifications桌面通知
- html5桌面通知(Web Notifications)实例解析
- 谷歌浏览器桌面通知 HTML5 Chrome Desktop Notifications
- 慕课学习史上最全零基础入门HTML5和CSS笔记
- HTML5学习笔记1 HTML5 新元素
- html5学习笔记之离线缓存
- HTML5学习笔记-SVG 标签
- JQuery/HTML5学习笔记
- HTML5 Canvas(学习笔记一)
- HTML5学习笔记——基本语法和语义
- CSS3+HTML5学习笔记四--CSS三栏布局-宽度只适应
- HTML5学习笔记三 HTML元素、属性、标题、段落简介
- 温故知新-Notifications学习笔记
- cocos2d-html5学习笔记(六)--alpha2中cc.Sequence.create中的bug
- HTML5的 2D SVG和SVG DOM的学习笔记(2)---SVG动画
- HTML5学习笔记2013.1.6——新增元素之input元素的类型
- webkit 学习笔记 1
- html5桌面通知 提示