让 HTML5 通知在延迟后消失

Question

我想使用HTML5通知，效果很好。

问题是它们永远不会消失。

如何设置延迟，在此延迟之后 HTML5 通知将消失？

Answer 1

你可以调用 .close() 方法：

var n = new Notification("Hello");
setTimeout(n.close.bind(n), 2000);

有关详细信息，请参阅MDN上的此处。

Answer 2

通知应该有一个内置的关闭按钮，不是吗？

.HTML

<a href="#" onclick="return show()">Notify me!</a>

.JS

<script>
        var Notification = window.Notification || window.mozNotification || window.webkitNotification;
        Notification.requestPermission(function (permission) {
            // console.log(permission);
        });
        function show() {
            var instance = new Notification(
                "Hey", {
                    body: "this is a message"
                }
            );
            instance.onclick = function () {
                // Something to do
            };
            instance.onerror = function () {
                // Something to do
            };
            instance.onshow = function () {
                // Something to do
            };
            instance.onclose = function () {
                // Something to do
            };
            return false;
        }
    </script>