小程序源代码:给自己设计一个番茄闹钟,文末有代码
杨数Tos
共 860字,需浏览 2分钟
· 2021-04-27
星标公众号,方便及时阅读新知识 推荐给朋友,和朋友一起学习知识 |
大家好,我是杨数Tos!
这篇文章主要分享:给自己设计一个非常简单的工作闹钟,提醒自己注意劳逸结合,除了工作也要定时休息。
整个闹钟项目的代码分为3部分,分别是:闹钟主页、闹钟记录、闹钟设置;
A. 闹钟主页的功能有点类似番茄闹钟,它由一个倒计时工具构成,只要客户点击按钮,就会开始倒计时;
B. 闹钟记录主要记录了客户每次的点击操作,有点类似日志;
C. 闹钟设置可以自定义设置一些参数,包括设置工作时长、休息时长、背景音乐、背景图片。
整个闹钟项目的原理比较简单:
1、在设置页面有两个变量,分别是工作时长与休息时长,只要是主页中启动了闹钟,都会以这两个变量的值为准,进行倒计时;
2、只要点击了一次主页中的休息或工作按钮,都会触发一次记录,将记录值显示在“闹钟记录”这个页面中。
注:在设置功能区这里,可以自定义背景图片和自定义铃声,这里是一个点击触发操作,两个bindtap还没有写后端的js代码,需要自己添加。
整个项目的代码逻辑很简单,大多数都是CSS代码,用来美化页面的样式。
总结:这就是一个倒计时工具,只要点击按钮,就会进行倒计时;原理很简单,适合练手。
需要代码请关注@杨数Tos,回【闹钟fq】,获取源代码。
本文由杨数Tos原创,欢迎关注,带你一起长知识。
推 荐 内 容
评论
如何给模型加入先验知识
点击上方“小白学视觉”,选择加"星标"或“置顶”重磅干货,第一时间送达转载自 | 极市平台来源丨https://zhuanlan.zhihu.com/p/188572028端到端的深度神经网络虽然能够自动学习到一些可区分度好的特征,但是往往会拟合到一些非重要特征,导致模型会局部坍塌到一些不好的特征上
小白学视觉
1
“海优最初弄出来可并不是为了给大佬弟子开后门的, 学术界现在几乎不存在任何套利空间,不要相信有什么办法可以投机取巧”
点击上方“小白学视觉”,选择加"星标"或“置顶”重磅干货,第一时间送达知乎问题:为什么部分同学倾向土博+国外博后而不是直接国外读博?感觉身边土博越来越多,基本都是土博➕海博后,申国外phd的明显减少(相比较疫情之前几年)知乎Tianteman: 这个问题下,可以看得出一部分国内硕博信息检索能力差的离
小白学视觉
0
一个朋友
一个朋友,在深圳奋斗7年,和女友在去年合力在龙华买了一套房,总价600万,首付3成。但就在昨天,他们崩溃了。深圳推出可售型人才住房,就在他们新房附近,同样面积,总价不到400万,售价近乎腰斩。他们想不明白,同样是深圳人,买房人为什么都要被当成炒房客对待?二手房冰封,卖不出,新房不断打着,像极了上世纪
嵌入式Linux
0
计算机学院的学生该怎样提高自己的编程能力?
点击上方“小白学视觉”,选择加"星标"或“置顶”重磅干货,第一时间送达链接:https://www.zhihu.com/question/423764018编辑:深度学习与计算机视觉感觉国内的大学计算机专业本科教授的都是基础概念类的知识,实践课反而没几个学时,那么该如何提高自己的编程能力呢?有什么专
小白学视觉
0
阿里的同事,写的代码真 TMD 优雅!
通过这篇文章你将了解到整洁的代码对项目、公司和你的重要性,以及如何书写整洁的代码.通过命名、类、函数、测试这四个章节,使我们的代码变得整洁.1、为什么要保持代码整洁?不整洁的代码随着时间的增加而增加时,生产力会随之降低.导致的结果就是:代码不易扩展或扩展容易引发其他问题程序崩溃加班增加公司成本(加人
Java专栏
1
老爸嘲讽我了,写破代码一年就挣十几万,他在工地带50个工人,一个月光人头费就3万,让我滚回去跟他干!
点击上方 "大数据肌肉猿"关注, 星标一起成长点击下方链接,进入高质量学习交流群今日更新| 1052个转型案例分享-大数据交流群来自:网络,侵删有个网友的父亲是做工程的,天天就嘲笑他,说他天天写着破代码有啥用,一年就拿个十多万的死工资,然后告诉他自己在工地里面带了50个工人,一个月能抽三万
程序源代码
0
小目标检测实战
点击上方“小白学视觉”,选择加"星标"或“置顶”重磅干货,第一时间送达利用切片辅助的超级推断目标检测是计算机视觉中的基本任务之一。在高层次上,它涉及预测图像中物体的位置和类别。像You-Only-Look-Once(YOLO)系列中的最先进(SOTA)深度学习模型已经达到了令人瞩目的准确度。然而,目
小白学视觉
0
测试新人,如何快速上手一个陌生的系统!
大家好,我是狂师!作为刚入行不久的测试新人,面对一个陌生的系统时,可能会感到有些手足无措。面对一个全新的系统系统,如何快速上手并展开有效的测试工作是一个重要的挑战。本文将探讨测试新人如何通过一系列步骤和策略,快速熟悉并掌握新系统的测试要点,从而提高测试效率和质量。本文旨在为测试新手提供一份指导,帮助
测试开发技术
0