最近一段时间,小孩子上小学了,每天下课作业里面有一项是 1 分钟跳绳。作为家长陪跳计数,一边提醒一边计数总容易忘记,所以萌生了写一个小程序辅助的想法。

功能很简单,就是倒计时然后记录跳绳多少个,花了一周多的业余时间上线了一个完整版本。页面请设计的同事帮忙弄了一下,总共就 2 个页面如下:


用到的技术点如下: 1.倒计时(这个看似简单的功能,折腾了不少时间)
2.小程序按钮声音
3.存储数据的小程序云开发
4.以及部分页面逻辑处理
从网上找的倒计时代码或多或少总有点问题,直接递减的方案时间容易偏快或者偏慢.一开始参考了这个项目 http://git.oschina.net/dotton/CountDown 发现使用 setTimeout 在小程序里循环调用会导致内存溢出.后来改用 setInterval 解决了内存溢出的问题.
按钮声音使用了 wx.createInnerAudioContext()具体使用方法可以参考官方文档
https://developers.weixin.qq.com/miniprogram/dev/api/media/audio/wx.createInnerAudioContext.html
小程序的云开发对于这种小型应用真的是比较方便,一方面不需要自己准备服务器,另一方面直接用 JS 写服务端对于前端开发者提供了相当大的便利.代价就是有一定的学习成本,用过数据库的使用云函数应该没什么大问题.
项目开发过程中还是碰到了很多或多或少的问题,唯一的解决之道就是花时间去搞懂并解决它.
这里决定把源代码公开分享,希望抛砖迎玉,一起学习.
|  |      1master13      2018-11-09 09:30:55 +08:00 不管好不好用,家长带小朋友还能有这个想法,去动手实现,我个人还是很钦佩的。 | 
|  |      2jaylin0917 OP @master13 感谢支持 | 
|      3djxf      2018-11-09 09:37:31 +08:00 我以为是自动计数。 | 
|  |      4jaylin0917 OP @djxf 哈哈,那要用传感器,也不能让孩子背着手机跳,而且传感器计步感觉不是非常准确 | 
|      5djxf      2018-11-09 09:43:20 +08:00 是滴 | 
|  |      6matsuijurina      2018-11-09 09:44:06 +08:00 我进来之前以为是类似 iphone 上那个记录投篮命中数的 app 一样靠人工智能识别的。 | 
|  |      7jaylin0917 OP @matsuijurina 感觉辜负了大家的期望啊,哈哈哈 | 
|  |      8matsuijurina      2018-11-09 09:53:35 +08:00 @jaylin0917  没事啊,我喜欢那个保存功能,手机自带的计数器没保存。 | 
|  |      9jaylin0917 OP @matsuijurina 刚好在接触小程序云开发,就顺便做了个保存功能,很高兴你能喜欢 | 
|      10sadlll      2018-11-09 10:24:07 +08:00 star 了,研读下 | 
|  |      11Exia      2018-11-09 10:59:05 +08:00 诶?应该像获取步数那样才准确吧? | 
|  |      12jaylin0917 OP @Exia 做个小实验,把手机拿手上,打开微信运动,假装跳绳一分钟,看看自己数的和手机增加的步数是不是一致 | 
|  |      13liu19931020      2018-11-09 11:16:14 +08:00 1 分钟 252 下,有点🐮🍺啊 | 
|  |      14master13      2018-11-09 11:19:53 +08:00 其实比较实用,我跳绳的时候自己查,真的差不清楚,特别你跳了 1000+之后,很难查准确的 | 
|  |      15jaylin0917 OP 我预期的使用场景是针对现在小学生做跳绳作业的辅助工具,并非专业的跳绳健身.大人健身有很多自动计数的设备,绳子自带的,也有智能跳绳连接手机的.有点扯远了,感谢建议 | 
|  |      16jaylin0917 OP @liu19931020 兄弟,你只是手指头动了 252 下吧 | 
|  |      17sublime8      2018-11-09 11:29:40 +08:00 可以识别声音来计数 | 
|  |      18Exia      2018-11-09 11:47:31 +08:00 @jaylin0917 喔,好像确实是呢。 | 
|      19zxcvsh      2018-11-09 12:45:17 +08:00 via iPhone 嵌入式的比较好弄,弄个磁环弄个霍尔元件 | 
|      20goodniuniu      2018-11-09 14:03:16 +08:00 谢谢分享,同样有自己做狗粮的需求。。。 | 
|  |      21asLw0P981N0M0TCC      2018-11-09 16:05:18 +08:00 啥意思啊 没明白原理 怎么计数的啊。 | 
|  |      22jaylin0917 OP @qwertyzzz 就是你孩子在旁边跳绳,你帮他记跳了几次.看来你还没有孩子^_^ | 
|  |      23youyaang      2018-11-09 16:48:32 +08:00 不知道有没有按一次 x2 次数的(看截图没有,没有的话建议加一个,上学时候数跳绳都是看一只脚跳多少次再乘 2 的,不然跟不上跳的速度 | 
|      24double1      2018-11-09 17:27:15 +08:00 emmmmm 跳绳 不是本来就有记数功能吗 | 
|  |      26asLw0P981N0M0TCC      2018-11-09 19:15:31 +08:00 @jaylin0917 跳一次你按一次嘛? | 
|      27Hydjan      2018-11-09 22:10:51 +08:00 via Android 开摄像头,图像自动识别,可以用机器学习训练算法 | 
|  |      28hlwjia PRO 声音识别应该还是可以 |