c 语言闹钟源码,小程序源代码:给自己设计一个番茄闹钟,文末有代码

原标题:小程序源代码:给自己设计一个番茄闹钟,文末有代码

大家好,我是杨数Tos!

这篇文章主要分享:给自己设计一个非常简单的工作闹钟,提醒自己注意劳逸结合,除了工作也要定时休息。

5d49ad6e0a7a809a3b914a7606400502.png

整个闹钟项目的代码分为3部分,分别是:闹钟主页、闹钟记录、闹钟设置;

A. 闹钟主页的功能有点类似番茄闹钟,它由一个倒计时工具构成,只要客户点击按钮,就会开始倒计时;

B. 闹钟记录主要记录了客户每次的点击操作,有点类似日志;

C. 闹钟设置可以自定义设置一些参数,包括设置工作时长、休息时长、背景音乐、背景图片。

bd4ada13978d7958a5e4bc86155528db.png

整个闹钟项目的原理比较简单:

1、在设置页面有两个变量,分别是工作时长与休息时长,只要是主页中启动了闹钟,都会以这两个变量的值为准,进行倒计时;

2、只要点击了一次主页中的休息或工作按钮,都会触发一次记录,将记录值显示在“闹钟记录”这个页面中。

注:在设置功能区这里,可以自定义背景图片和自定义铃声,这里是一个点击触发操作,两个bindtap还没有写后端的js代码,需要自己添加。

fe6b469de3937ad38e973070c860654b.png

整个项目的代码逻辑很简单,大多数都是CSS代码,用来美化页面的样式。

总结:这就是一个倒计时工具,只要点击按钮,就会进行倒计时;原理很简单,适合练手。

需要代码请关注@杨数Tos,回【闹钟fq】,获取源代码。

本文由杨数Tos原创,欢迎关注,带你一起长知识。返回搜狐,查看更多

责任编辑:

  • 0
    点赞
  • 5
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值