让 HTML5 延迟后通知消失？

Question

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

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

如何设置 HTML5 通知消失后的延迟？

Answer 1

您可以直接调用 .close() 方法：

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

详情见here on 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>

让 HTML5 延迟后通知消失？

Let HTML5 Notification disappear after a delay?

html

javascript

html5-notifications