用 JavaScript 写了个 Pomodoro 计时器

2011-06-04 10:43:14 +08:00
 iwinux
关于 Pomodoro Technique 的介绍,请参考官网(http://www.pomodorotechnique.com/)的介绍。

在网上找了几个计时器感觉都不太好用,于是就用 JavaScript (Backbone.js + ICanHaz.js + jQuery)写了一个。在 Google Chrome 里测试通过,但由于计时器的铃声用的是 ogg 格式的,貌似 Firefox 不支持,所以有点小问题。

Demo 地址: http://iwinux.github.com/tomato
源代码: http://github.com/iwinux/tomato

欢迎试用并提供反馈意见。
5367 次点击
所在节点    分享创造
6 条回复
iwinux
2011-06-04 10:44:56 +08:00
忘记说,UI 设计参考了 http://www.thingler.com/ 和 Backbone.js 官网的 Todo App Demo
aligo
2011-06-04 11:26:41 +08:00
不错

不过我以前在做需要时间同步的东西,试下来总感觉在js下用setInterval的要获得准确的计时不太靠谱,特别是对于js性能差的浏览器,当然你用1000是够了

如果只考虑支持chrome的话,我记得它的Interval有个microseconds方法,不过我还是喜欢ff啊
airyland
2011-06-04 11:34:54 +08:00
无填写内容时时也可以Add。
iwinux
2011-06-04 13:23:25 +08:00
@aligo 这个倒没太注意,估计到IE里会很悲剧。比较纳闷的是为什么 ogg 格式的铃声 Firefox 放不出来,console 里也看不到错误信息,我查了 MDC,FF是支持ogg格式的呀 = =

@airyland 谢谢反馈,已经在 github 里添加了 issue
aligo
2011-06-04 14:53:40 +08:00
@iwinux 看了一下代码没什么问题,我只能怀疑是display: none;的原因,我建议你用visibility: hidden;
lwjef
2011-06-04 15:13:31 +08:00
firefox下idm直接提示我下载alarm.ogg

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/13989

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX