本文共 1050 字，大约阅读时间需要 3 分钟。
| | <!DOCTYPE HTML> |
| | <html> |
| | <head |
| | <meta charset="gbk"> |
| | <title>Creating OS notifications in HTML5</title> |
| | </head> |
| | <body> |
| | <h1>jerryli <a title="jerryli" href="/shoupifeng" target="_blank">/shoupifeng</a></h1> |
| | <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 = "Hello World"; |
| | var body = "You Are My World (5秒后自动关闭)"; |
| | |
| | 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(); |
| | popup.show(); |
| | } else { |
| | window.webkitNotifications.requestPermission(); |
| | return; |
| | } |
| | } |
| | } |
| | </script> |
| | |
| | </body> |
| | </html> |
转载于:https://www.cnblogs.com/shoupifeng/archive/2012/10/18/2729545.html