使用HTML5 Notication API实现一个定时提醒工具

在初识Chrome Notification API 这篇博文介绍了Notification API以及chrome的实现，同时也对相关的API做了一个简单的封装，在本文中将利用封装过的API实现一个定时提醒工具。

       工具的主要目的是：自己经常坐在电脑前，一坐就是好几个小时，希望有工具能够每小时提醒自己起来活动休息一会。
       主要功能有：用户可以设置周期性的提醒时间，比如设置每1小时提醒一次，1小时后将弹出通知框提醒用户时间到。
       其他包括：用户能够设置对话框的持续时间，比如持续15秒，15秒后对话框消失，以及提醒内容等。

HTML&CSS

      首先先创建基本的HTML结构如下：

程序的逻辑比较简单，设置各个字段，点击"开始"按钮，程序开始计时，到指定时间，弹出通知框。

JavaScriptdesktopNotify.js的功能主要是对原生Notification API做一些基本封装，代码如下：

即便当浏览器最小化，或者未在高亮状态，通知框一样会定时弹出。
总结
在本文中，利用了HTML5 Notification做了一个简单的小工具，用于提醒自己不要久坐，按时休息= =！虽然界面是丑陋了点~~~ 不过效果还可以··。。
 完整的源码请访问：https://github.com/Exodia/jsdemo/tree/master/desktop-notifications


2楼sql_wtx昨天 09:34
写的挺好的
1楼linqin18昨天 21:55
姐姐路过。。撒花丷丷