HTML5 之 notifications

来源：互联网发布：c语言malloc函数用法编辑：程序博客网时间：2024/06/14 19:00
<!DOCTYPE HTML><html><head<meta charset="gbk">  <title>HTML5 之 notifications</title></head><body><input type="button" value="验证授权" onclick="init();" /><input type="button" value="弹出消息" onclick="notify();" />     <script type="text/javascript">        const miao = 5;         function init() {            if (window.webkitNotifications) {                window.webkitNotifications.requestPermission();            }        }         function notify() {            var icon = "logo.png";            var title = "窗口将在 " + miao + " 5后关闭";            var body =  "桌面提醒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> </body></html>