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