| |
<!DOCTYPE HTML> |
| |
<html> |
| |
<head |
| |
<meta charset="gbk"> |
| |
<title>Creating OS notifications in HTML5</title> |
| |
</head> |
| |
<body> |
| |
<h1>jerryli <a title="jerryli" href="http://www.cnblogs.com/shoupifeng" target="_blank">http://www.cnblogs.com/shoupifeng</a></h1> |
| |
<input type="button" value="验证授权" onclick="init();" /> |
| |
<input type="button" value="弹出消息" onclick="notify();" /> |
| |
|
| |
<script type="text/javascript"> |
| |
const miao = 5; |
| |
|
| |
function init() { |
| |
if (window.webkitNotifications) { |
| |
window.webkitNotifications.requestPermission(); |
| |
} |
| |
} |
| |
|
| |
function notify() { |
| |
var icon = "logo.png"; |
| |
var title = "Hello World"; |
| |
var body = "You Are My World (5秒后自动关闭)"; |
| |
|
| |
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(); |
| |
popup.show(); |
| |
} else { |
| |
window.webkitNotifications.requestPermission(); |
| |
return; |
| |
} |
| |
} |
| |
} |
| |
</script> |
| |
|
| |
</body> |
| |
</html> |
