Code Monkey home page Code Monkey logo

tomatoclock's Introduction

TomatoClock

番茄时钟

简介:

  • <本项目在浏览器中的样式模仿自Chrome浏览器的一款应用,无源代码模仿,内部实现全部为本人完成,仅供学习使用!>
  • 为何而生: 该应用用于为番茄工作法的使用者提供更加方便、人性化的辅助和计时功能。
  • 什么是番茄工作法: 番茄工作法是一套简单的工具和流程,拥有减轻时间焦虑、提升集中力和注意力,减少中断以及增强决策意识等优点。
  • 如何实现: 本项目基于HTML+CSS+JavaScript,实现了绝大部分主要功能。
  • 实现的功能: 本应用旨在为用户提供一个更加人性化的计时辅助。 用户可以高度自由的定制自己的任务,包括自由设定时间(每次任务的工作时间和休息时间)、自由设定每个任务循环的次数,还人性化的使用户可以设定多少次任务 为一轮并进入设定好的一个长的休息时间;本应用支持在每次任务的工作和休息结束时播放提示音,并支持用户自定义提示音;本应用支持手动模式和自动模式,每一个 任务结束自动进入休息还是手动进入休息由用户决定。

功能介绍:

  • 基本设置: * [点击完成按钮自动休息]:设定任务进行时点击完成按钮是否自动进入休息,无法与[手动模式]同时开启 * [一个番茄时钟的时间]:供用用户自由设定一个番茄时钟的工作时间 * [一个短休息的时间]:供用户自由设定一个番茄时钟的休息时间 * [一个长休息的时间]:供用户自由设定一轮任务后的长休息时间 * [进入长休息的间隔]:供用户自由设定多少轮任务进入一次长休息
  • 声音设置:
    • [声音提醒]:设定是否需要在工作和休息时间结束后播放提示音
    • [滴答声]:设定是否播放秒钟滴答跳动音效
    • [任务声音]:设定任务工作结束的提示音文件
    • [休息声音]:设定任务休息结束的提示音文件
  • 其他设置:
    • [手动模式]:设定是否打开手动模式,当时间结束时,不会自动进入下一个时间,等待用户确认。无法与[完成时,自动进入休息时间]同时开启

ChangeLog:

  • v0.0.1 * 用户界面完成
  • v0.0.5
    • 基本用户交互实现
    • 基本计时功能实现
  • v0.0.6
    • 现在可以使用提示音功能了
    • 可以自由设定提示音
  • v0.0.7
    • 现在可以使用手动模式了

转载请注明来源 :) 哈哈

tomatoclock's People

Contributors

zjfeng avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.