HTML5 Notification(桌面上提示)作用应用案例

日期:2021-01-20 类型:科技新闻 

关键词:商城网站建设,微商好助手,微商引流,电商网站模板,微信商家小程序

1、HTML5 Notification 简介
HTML5 Notification ,即桌面上通告。现阶段访问器仍然是1个严苛的沙盒游戏工作中方式,这类方式把访问器和桌面上的通讯防护开。Notification能够超越沙盒游戏可以让访问器即便是最少化情况也能将信息通告给客户。
2、桌面上提示API

拷贝编码
编码以下:
window.webkitNotifications

该API有3个方式:

拷贝编码
编码以下:
requestPermission 恳求桌面上通告
checkPermission 查验桌面上通告批准(PERMISSION_ALLOWED = 0, PERMISSION_NOT_ALLOWED = 1, PERMISSION_DENIED = 2)
createNotification 建立桌面上通告

3、桌面上通告案例
下面让大家用该桌面上通告API写个小作用:每隔20分钟在桌面上发1个信息来提示客户歇息1下。
编码以下:

拷贝编码
编码以下:
if(window.webkitNotifications){
if(window.webkitNotifications.checkPermission()==0){
setInterval(function(){
var popup = window.webkitNotifications.createNotification("avator.jpg","如花温暖提示:","长期应对电脑上双眼会瞎的,歇息1下~!");
popup.show();
},1000 * 60 * 20);</p> <p> }else{
window.webkitNotifications.requestPermission();
}
}else{
alert('访问器不适用桌面上通告~!');
}

随后20分钟以后桌面上就会出現:

上一篇:html5实例教程画矩形框编码共享 返回下一篇:没有了