HTML5 Notification桌面提醒功能,html5 教程
<!DOCTYPE HTML>
<html>
<head
<meta charset="gbk">
<title>Creating OS notifications in HTML5</title>
</head>
<body>
<input type="button" value="验证授权" onclick="init();" />
<input type="button" value="弹出消息" onclick="notify();" />
const miao = 5;
function init(){
if (window.webkitNotifications) {
window.webkitNotifications.requestPermission();
}
}
function notify() {
if (window.webkitNotifications.checkPermission() == 0) {
var popup = window.webkitNotifications.createNotification("zencart.me.png", "http://zencart.me", " http://zencart.me/archives/905");
popup.ondisplay=(function(event){
setTimeout(function() {
event.currentTarget.cancel();
}, miao * 3000);
});
popup.show();
}else{
window.webkitNotifications.requestPermission();
}
}
HTML5 Notification桌面提醒功能,html5 教程 http://zencart.me/archives/905
分享到:
相关推荐
主要介绍了HTML5 Notification(桌面提醒)功能使用方法,用实例来说明桌面提醒效果,需要的朋友可以参考下
这种桌面提示是HTML5新增的 Web Push Notifications 技术。 Web Notifications 技术使页面可以发出通知,通知将被显示在页面之外的系统层面上。能够为用户提供更好的体验,即使用户忙于其他工作时也可以收到来自页面...
HTML5结合Mobile:控制手机输入键盘、CSS3版墙贴相册、离线数据库、可拨打电话的HTML链接、确定坐标并反查地址等。 编辑本段 作者简介 余志龙、陈昱勋、郑名杰、陈小风,分别来自手机制造业、电视媒体业、网络、电信...
HTML5结合Mobile:控制手机输入键盘、CSS3版墙贴相册、离线数据库、可拨打电话的HTML链接、确定坐标并反查地址等。 编辑本段 作者简介 余志龙、陈昱勋、郑名杰、陈小风,分别来自手机制造业、电视媒体业、网络、电信...
HTML5结合Mobile:控制手机输入键盘、CSS3版墙贴相册、离线数据库、可拨打电话的HTML链接、确定坐标并反查地址等。 编辑本段 作者简介 余志龙、陈昱勋、郑名杰、陈小风,分别来自手机制造业、电视媒体业、网络、电信...
HTML5结合Mobile:控制手机输入键盘、CSS3版墙贴相册、离线数据库、可拨打电话的HTML链接、确定坐标并反查地址等。 编辑本段 作者简介 余志龙、陈昱勋、郑名杰、陈小风,分别来自手机制造业、电视媒体业、网络、电信...
js chrome Notification 在windows任务栏上显示消息框
特别是新增加了第11章来专门介绍HTML5技术在Android移动设备里的应用,相信当下两个热门技术的交汇会碰撞出不一样的火花。 《Google Android SDK开发范例大全(第3版)》内容由Android的基础知识到实际开发应用,...
特别是新增加了第11章来专门介绍html5技术在android移动设备里的应用,相信当下两个热门技术的交汇会碰撞出不一样的火花。 《google android sdk开发范例大全(第3版)》内容由android的基础知识到实际开发应用,...
5.8 状态栏的图标与文字提醒——NotificationManager与Notification对象的应用 5.9 搜索手机通讯录自动完成——使用ContentResolver 5.10 取得联系人资料——Provider.Contact的使用 5.11 制作有图标的文件资源管理...
5.8 状态栏的图标与文字提醒——NotificationManager与Notification对象的应用 5.9 搜索手机通讯录自动完成——使用ContentResolver 5.10 取得联系人资料——Provider.Contact的使用 5.11 制作有图标的文件资源管理...
5.8 状态栏的图标与文字提醒——NotificationManager与Notification对象的应用 5.9 搜索手机通讯录自动完成——使用ContentResolver 5.10 取得联系人资料——Provider.Contact的使用 5.11 制作有图标的文件资源管理...
5.8 状态栏的图标与文字提醒——NotificationManager与Notification对象的应用-p178 5.9 搜索手机通讯录自动完成——使用ContentResolver-p82 5.10 取得联系人资料——Provider.Contact的使用 5.11 制作有图标的文件...
5.7 图文可视化提醒——Toast与LinearLayoutView 5.8 状态栏的图标与文字提醒——NotificationManager与Notification对象的应用 5.9 搜索手机通讯录自动完成——使用ContentResolver 5.10 取得联系人资料——...
5.8 状态栏的图标与文字提醒——NotificationManager与Notification对象的应用 5.9 搜索手机通讯录自动完成——使用ContentResolver 5.10 取得联系人资料——Provider.Contact的使用 5.11 制作有图标的文件资源...
5.8 状态栏的图标与文字提醒——NotificationManager与Notification对象的应用-p178 5.9 搜索手机通讯录自动完成——使用ContentResolver-p82 5.10 取得联系人资料——Provider.Contact的使用 5.11 制作有图标的文件...