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

       在本文中将利用封装过的API实现一个定时提醒工具。

       工具的主要目的是：自己经常坐在电脑前，一坐就是好几个小时，希望有工具能够每小时提醒自己起来活动休息一会。

       主要功能有：用户可以设置周期性的提醒时间，比如设置每1小时提醒一次，1小时后将弹出通知框提醒用户时间到。

       其他包括：用户能够设置对话框的持续时间，比如持续15秒，15秒后对话框消失，以及提醒内容等。


      HTML&CSS

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

                时间提醒

                        div {
                                margin:40px 15px;
                        }

                        #main {
                                margin:0 auto;
                                width:360px;
                                border: 2px solid green;
                        }

                        .operation {
                                text-align:center;
                        }





                设置时间间隔（分）：

               

               

       

复制代码