# 大黄人的H5番茄时钟

**Repository Path**: junyii/h5-tomato-clock

## Basic Information

- **Project Name**: 大黄人的H5番茄时钟
- **Description**: 帮助自己更好得学习。
- **Primary Language**: JavaScript
- **License**: GPL-3.0
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2022-04-10
- **Last Updated**: 2022-05-16

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# 大黄人的H5番茄时钟

代码链接：https://gitee.com/junyii/h5-tomato-clock

<br><br><br>

## 简介

大家好，我是 Junyi，昵称是大黄人。

为了更好自由得利用番茄学习法进行学习，自制了一个H5番茄时钟。目前功能比较单一，可设置参数较少，会根据需求继续更新。

H5还不是学得特别好，以后会继续学习。

网页链接： http://junyii.gitee.io/h5-tomato-clock

<br>

## 更新内容

更新内容 Updates 1.0 2022-04-10

基本功能：

- Common.js

  - 一些通用的方法。（给自己挖个坑：以后出一个JS代码库）
  - 读写local storage（重要数据都是存储在这里的）
    - loadDataFromlocalStorage()
    - writeDataFromlocalStorage(key, value)
    - readDataFromlocalStorage(key)

  - 播放音效音乐
    - sound(soundName, rate)
    - playBGM(musicName)
    - volumeBGM()

  - 窗体操作
    - moveWindow()
    - closeWindow()
    - frontWindow()

- index.js

  - 时钟用到的方法、
  - 初始化
    - initProgram()
    - setSound() 
    - formatTime()
    - initClock(mode)

  - 定时器和时钟
    - studyInterval()
    - startStudy()
    - pauseStudy()
    - terminate()
    - startRest()
    - clickLoop()

- setting.js

  - 用于个性化参数设置

  - 开关设置窗口

    - openSetting()

    - selectSettingTab()

  - 改变参数
    - dragSlider()
    - setCheckbox(localStorageKey, checkboxObject, setValue)
    - clickCheckbox(localStorageKey, checkboxObject)

<br>

## 为我买一杯咖啡

你们的鼓励与支持是我创作的最大动力。

![img](./img/收款码.jpg)