番茄时间计时器

今天读书学到个番茄时间,不想下app,写了个html, 在手机上打开,横屏,是一样的计时效果。

方法很笨,问题很多,勉强能用。

因为很简陋,没有调,如果不按顺序按键,可能崩溃。

1.先选时间,30分钟或者25分钟。

2.选好时间,按开始键。

3.效果:

 4.时间到:

5.番茄时间每小次休息5分钟。每4次休息半小时,就叫大次吧,所以1,2,3,4是记录次数的。旁边的两个圈是记录,左边,记录大次。右边,记录小次。

6.按下面的按钮,就可以5分钟休息啦!

7.因为这些按钮不小心点错了就乱了,所以在控制台有记录。

才知道 <input type="file">它返回路径的方法很复杂,这是返回的方法:

https://www.cnblogs.com/jamesping/archive/2011/07/26/2031016.html

 本来想用更好听的网络音频,但是找不到。

拖延症,我要打败你们!!ヾ(◍°∇°◍)ノ

原文地址:https://www.cnblogs.com/mingnai/p/12514880.html