javascript - 让 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>