<!DOCTYPE HTML>
<html>
<head
<meta charset="gbk">
<title>HTML5 之 notifications</title>
</head>
<body>
<input type="button" value="验证授权" οnclick="init();" />
<input type="button" value="弹出消息" οnclick="notify();" />
<script type="text/javascript">
const miao = 5;
function init() {
if (window.webkitNotifications) {
window.webkitNotifications.requestPermission();
}
}
function notify() {
var icon = "logo.png";
var title = "窗口将在 " + miao + " 5后关闭";
var body = "桌面提醒API";
if (window.webkitNotifications) {
if (window.webkitNotifications.checkPermission() == 0) {
var popup = window.webkitNotifications.createNotification(icon, title, body);
popup.ondisplay = function(event) {
setTimeout(function() {
event.currentTarget.cancel();
}, miao * 1000);
}
popup.show();
} else {
window.webkitNotifications.requestPermission();
return;
}
}
}
</script>
</body>
</html>
HTML5 之 notifications
最新推荐文章于 2023-06-21 16:07:03 发布