Notification JS

来源：互联网发布：淘宝商城女士高跟鞋编辑：程序博客网时间：2024/05/16 11:23

Notification.requestPermission(function (permission) {
var notification = new Notification('Here I am!', {
body: 'Thanks for clicking that button. Hope you liked.',
icon: 'https://cdn2.iconfinder.com/data/icons/ios-7-style-metro-ui-icons/512/MetroUI_HTML5.png',
dir: 'auto'
});

});

var notification = new Notification('要紧通知!', {
body: '你有一个未读通知.',
icon: 'https://cdn2.iconfinder.com/data/icons/ios-7-style-metro-ui-icons/512/MetroUI_HTML5.png',
dir: 'auto',

,onclick:function(){alert("click");}

}).onclose=function(){
alert("clolse");};

var notification = new Notification('要紧通知!', {
body: '你有一个未读通知.点击显示\n跳转',
icon: 'https://cdn2.iconfinder.com/data/icons/ios-7-style-metro-ui-icons/512/MetroUI_HTML5.png',
dir: 'auto'
,
}).onclick=function(){alert("click");};

延时通知：

setTimeout(function(){var notification = new Notification('要紧通知!', {
body: '你有一个未读通知.点击显示\n跳转',
icon: 'https://cdn2.iconfinder.com/data/icons/ios-7-style-metro-ui-icons/512/MetroUI_HTML5.png',
dir: 'auto'
,
}).onclick=function(){alert("click");};},2000);

new Notification('要紧通知!', {
body: '你有一个未读通知.点击显示\n跳转',
icon: 'https://cdn2.iconfinder.com/data/icons/ios-7-style-metro-ui-icons/512/MetroUI_HTML5.png',
dir: 'auto'

,requireInteraction:true //必须等待与用户互动
,renotify:true,

tag:'non-empty',
});

0 0