- <!DOCTYPE html>
- <html>
- <head>
- <title>Google 桌面通知</title>
- </head>
- <body>
- <button id='btn'>显示桌面通知</button>
- <script type='text/javascript'>
- document.querySelector("#btn").addEventListener('click', notifyMe, false);
- // window.setInterval(function(){ notifyMe();}, 10000);
- function notifyMe() {
- var iconUrl = "http://health.jsk365.com/images/logo.png";
- var content = "消息的内容。。。";
- // Let's check if the browser supports notifications
- if (!("Notification" in window)) {
- alert("This browser does not support desktop notification");
- }
- // Let's check whether notification permissions have already been granted
- else if (Notification.permission === "granted") {
- // If it's okay let's create a notification
- var notification = new Notification("您有一条新的消息",{"icon": iconUrl,"body": content});
- }
- // Otherwise, we need to ask the user for permission
- else if (Notification.permission !== 'denied') {
- Notification.requestPermission(function (permission) {
- // If the user accepts, let's create a notification
- if (permission === "granted") {
- var notification = new Notification("您有新的消息");
- }
- });
- }
- // At last, if the user has denied notifications, and you
- // want to be respectful there is no need to bother them any more.
- }
- </script>
- </body>
- </html>
- //该片段来自于http://www.codesnippet.cn/detail/2209201513720.html
来源: http://www.codesnippet.cn/detail/2209201513720.html