桌面提醒Notification的API

桌面提醒Notification的API

clip_image001

例子代码:

<script type="text/javascript">

const miao = 5; //定义一个常量

function init() {

if (window.webkitNotifications) { //判断浏览器是否支持webkitNotifications对象

window.webkitNotifications.requestPermission(); //请求通讯许可

}

else{

alert("浏览器版本低,不能支持通知功能");

}

}

function notify() {

var icon = "logo.png";

var title = "窗口将在 " + miao + " 5后关闭";

var body = "PHP100 提供的 HTML5视频教程 桌面提醒API";

if (window.webkitNotifications) {

if (window.webkitNotifications.checkPermission() == 0) {

var popup = window.webkitNotifications.createNotification(icon, title, body);

popup.ondisplay = function(event) {

setTimeout(function() {

event.currentTarget.cancel();

}, miao * 1000);

}

popup.show();

} else {

window.webkitNotifications.requestPermission();

return;

}

}

}

</script>

posted @ 2013-11-27 23:06  weifb  阅读(194)  评论(0)    收藏  举报