-
Notifications
You must be signed in to change notification settings - Fork 7
/
index.html
75 lines (49 loc) · 1.91 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>番茄工作法</title>
<link rel="stylesheet" type="text/css" href="./style/main.css" />
</head>
<body>
<h1 id="title">番茄工作法</h1>
<div id="remainTime"></div>
<div id="progressBarBorder">
<div id="progressBar"></div>
</div>
<div id="control">
<h3>当前任务</h3>
<div id="currentTask">赶紧开始当前任务吧！</div>
<h3>工作名称</h3>
<input id="taskName" type="text" value="工作1" />
<h3>工作时长</h3>
<input id="workTime" type="text" value="25" />
<h3>休息时长</h3>
<input id="restTime" type="text" value="0.05" />
<input id="isLoopCheckbox" type="checkbox" /><label for="isLoopCheckbox">循环</label>
<button id="startWorkButton">开始工作</button>
<button id="startRestButton">开始休息</button>
<button id="stopButton">停止</button>
<h3>番茄工作方法</h3>
<ul>
<li>输入一个任务，将番茄时间设为25分钟点【开始工作】</li>
<li>专注工作，中途不允许做任何与该任务无关的事，直到番茄时钟响起</li>
<li>然后短暂休息一下，5分钟左右</li>
</ul>
<h3>任务记录</h3>
<ul id="taskList"></ul>
</div>
<div class="copyright">Copyright © <script>document.write(new Date().getFullYear());</script> <a href="http://www.AlloyTeam.com/" target="_blank">Tencent AlloyTeam</a>. All Rights Reserved.</div>
<script src="./js/jx/jx.core.js"></script>
<script src="./js/jx/jx.base.js"></script>
<script src="./js/jx/jx.browser.js"></script>
<script src="./js/jx/jx.dom.js"></script>
<script src="./js/jx/jx.event.js"></script>
<script src="./js/jx/jx.format.js"></script>
<script src="./js/jx/jx.date.js"></script>
<script src="./js/jx/jx.json.js"></script>
<script src="./js/jx/jx.swfobject.js"></script>
<script src="./js/jx/jx.sound.js"></script>
<script src="./js/tomato.js"></script>
</body>
</html>