好得很程序员自学网

<tfoot draggable='sEl'></tfoot>

使用HTML5NoticationAPI实现一个定时提醒工具

在本文中将利用封装过的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;
}





设置时间间隔(分):

查看更多关于使用HTML5NoticationAPI实现一个定时提醒工具的详细内容...

  阅读:48次