zoukankan      html  css  js  c++  java
  • 浏览器桌面提醒,适用于网站“新消息提醒”

    <html>
    <head>
        <title>浏览器桌面提醒</title>
      <script>
    function notify(title, content) {
            if(!title && !content){
                title = "桌面提醒";
                content = "您看到此条信息桌面提醒设置成功";
            }
            var iconUrl = "http://www.zhoupengyu.cn/favicon.ico";
            if (window.webkitNotifications) {
                //chrome老版本
                if (window.webkitNotifications.checkPermission() == 0) {
                    var notif = window.webkitNotifications.createNotification(iconUrl, title, content);
                    notif.display = function() {}
                    notif.onerror = function() {}
                    notif.onclose = function() {}
                    notif.onclick = function() {this.cancel();}
                    notif.replaceId = 'Meteoric';
                    notif.show();
                } else {
                    window.webkitNotifications.requestPermission($jy.notify);
                }
            }
            else if("Notification" in window){
                // 判断是否有权限
                if (Notification.permission === "granted") {
                    var notification = new Notification(title, {
                        "icon": iconUrl,
                        "body": content,
                    });
                }
                //如果没权限,则请求权限
                else if (Notification.permission !== 'denied') {
                    Notification.requestPermission(function(permission) {
                        // Whatever the user answers, we make sure we store the
                        // information
                        if (!('permission' in Notification)) {
                            Notification.permission = permission;
                        }
                        //如果接受请求
                        if (permission === "granted") {
                            var notification = new Notification(title, {
                                "icon": iconUrl,
                                "body": content,
                            });
                        }
                    });
                }
            }
        }
    function autoClose(notification) {
        if (typeof notification.time === 'undefined' || notification.time <= 0) { notification.close(); } else { setTimeout(function() { notification.close(); }, notification.time); } notification.addEventListener('click', function() { notification.close(); }, false) } 
    </script>
    </head>
    <body>
    <button onclick="notify('温馨提示:','您收到一条新消息,请注意查收!')"> Click me! </button>
    </body>
    </html>
    

      

  • 相关阅读:
    iot 表索引dump《2》
    heap表和iot表排序规则不同
    Cannot complete the install because one or more required items could not be found.
    iot表输出按主键列排序,heap表不是
    iot 表主键存放所有数据,且按数据插入顺序排序
    iot表和heap表排序规则不同
    org.eclipse.graphiti.ui.editor.DiagramEditorInput.
    Oracle 排序规则
    perl 异步超时 打印错误
    14.6.3 Grouping DML Operations with Transactions 组DML操作
  • 原文地址:https://www.cnblogs.com/ygcool/p/5654019.html
Copyright © 2011-2022 走看看