wang-steven · May 8, 2015 03:07
diff --git a/html5_web_notification_on_desktop b/html5_web_notification_on_desktop
 <html>
    <head></head>
    <body>
        <button>Show Desktop Notification</button>

        <script type="text/javascript">
            var btn = document.querySelector('button');
            var notifications = window.Notification;

            if (notifications) {
                btn.addEventListener('click', showMsg, false);
            } else {
                console.log('Desktop Notification does not support.');
            }

            function showMsg() {
                if (notifications.permission === 'granted') {
                    var demo = new Notification('Title', {
                        body: 'Hello'
                    });
                    demo.onshow = function() {
                        console.log('The notification is showed');
                        setTimeout(function() {
                            demo.close();
                        }, 10000);
                    };
                    demo.onclick = function() {
                        console.log('You click the notification');
                        window.focus();
                    };
                    demo.onclose = function() {};
                    demo.onerror = function() {};
                } else {
                    notifications.requestPermission();
                }
            }
        </script>
    </body>
 </html>
	<html>
	<head></head>
	<body>
	<button>Show Desktop Notification</button>

	<script type="text/javascript">
	var btn = document.querySelector('button');
	var notifications = window.Notification;

	if (notifications) {
	btn.addEventListener('click', showMsg, false);
	} else {
	console.log('Desktop Notification does not support.');
	}

	function showMsg() {
	if (notifications.permission === 'granted') {
	var demo = new Notification('Title', {
	body: 'Hello'
	});
	demo.onshow = function() {
	console.log('The notification is showed');
	setTimeout(function() {
	demo.close();
	}, 10000);
	};
	demo.onclick = function() {
	console.log('You click the notification');
	window.focus();
	};
	demo.onclose = function() {};
	demo.onerror = function() {};
	} else {
	notifications.requestPermission();
	}
	}
	</script>
	</body>
	</html>