首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >让HTML5通知在延迟后消失?

让HTML5通知在延迟后消失?
EN

Stack Overflow用户
提问于 2016-01-14 23:06:19
回答 2查看 1.4K关注 0票数 4

我想使用工作良好的HTML5通知。

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

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

EN

回答 2

Stack Overflow用户

回答已采纳

发布于 2016-01-14 23:12:59

您只需调用.close()方法:

代码语言:javascript
运行
复制
var n = new Notification("Hello");
setTimeout(n.close.bind(n), 2000);

详情请参见在MDN上

票数 6
EN

Stack Overflow用户

发布于 2016-01-14 23:16:00

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

代码语言:javascript
运行
复制
<a href="#" onclick="return show()">Notify me!</a>

JS

代码语言:javascript
运行
复制
<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>
票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/34801455

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档