秒刻专注倒计时:基于原生前端技术的浏览器专注倒计时工具项目

轻量专注倒计时,支持预设、自定义时长、暂停继续与进度提示。

Branch1Tags0

秒刻 · 专注倒计时

一个轻量的浏览器倒计时工具,帮助为阅读、学习或手头的一件小事安排专注时间。

功能

  • 5、15、25 分钟预设,以及 1–180 分钟自定义时长。
  • 开始、暂停、继续、重置和结束提示。
  • 进度圆环与浏览器标签页剩余时间。
  • 桌面和窄屏布局,无需登录,不向服务端上传计时数据。

本地运行

安装 Node.js 后运行 node serve.mjs,在浏览器打开 http://127.0.0.1:18826。 服务只监听本机。也可将 index.html、style.css、app.js、timer.mjs 放到静态站点服务中。

计时使用截止时间计算剩余量,页面恢复可见时会重新计算。关闭或刷新页面后回到初始状态。 暂停不计时;选择新时长会重置当前时段。结束使用文字和页面标题提示,无后台通知功能。

文件

  • timer.mjs:计时状态和时间计算。
  • app.js:界面交互与渲染。
  • style.css:响应式页面样式。
  • serve.mjs:零依赖本地静态服务。

许可

MIT,见 LICENSE。

Introduction

轻量专注倒计时,支持预设、自定义时长、暂停继续与进度提示。

Customize your domain