小程序源代码：给自己设计一个番茄闹钟，文末有代码
杨数Tos
共 860字，需浏览 2分钟
·
2021-04-27 11:55
星标公众号，方便及时阅读新知识 推荐给朋友，和朋友一起学习知识 |
大家好，我是杨数Tos！
这篇文章主要分享：给自己设计一个非常简单的工作闹钟，提醒自己注意劳逸结合，除了工作也要定时休息。
整个闹钟项目的代码分为3部分，分别是：闹钟主页、闹钟记录、闹钟设置；
A. 闹钟主页的功能有点类似番茄闹钟，它由一个倒计时工具构成，只要客户点击按钮，就会开始倒计时；
B. 闹钟记录主要记录了客户每次的点击操作，有点类似日志；
C. 闹钟设置可以自定义设置一些参数，包括设置工作时长、休息时长、背景音乐、背景图片。
整个闹钟项目的原理比较简单：
1、在设置页面有两个变量，分别是工作时长与休息时长，只要是主页中启动了闹钟，都会以这两个变量的值为准，进行倒计时；
2、只要点击了一次主页中的休息或工作按钮，都会触发一次记录，将记录值显示在“闹钟记录”这个页面中。
注：在设置功能区这里，可以自定义背景图片和自定义铃声，这里是一个点击触发操作，两个bindtap还没有写后端的js代码，需要自己添加。
整个项目的代码逻辑很简单，大多数都是CSS代码，用来美化页面的样式。
总结：这就是一个倒计时工具，只要点击按钮，就会进行倒计时；原理很简单，适合练手。
需要代码请关注@杨数Tos，回【闹钟fq】，获取源代码。
本文由杨数Tos原创，欢迎关注，带你一起长知识。
推 荐 内 容
评论