您的位置:首页 > Web前端 > HTML5

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);
}

}

}
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: