-
Notifications
You must be signed in to change notification settings - Fork 1
/
pomodoro.html
executable file
·31 lines (30 loc) · 1.11 KB
/
pomodoro.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
---
layout: main
title: ポモドーロ時計
css: pomodoro
js: pomodoro
---
<div class="timer" id="timerDisplay">00:00</div>
<div class="status" id="statusDisplay">作業中</div>
<div class="controls">
<div class="work-settings">
<label for="workMinutes">作業</label>
<input type="number" id="workMinutes" min="0" step="1" value="0" max="999" />分
<input type="number" id="workSeconds" min="0" step="1" value="0" max="59" />秒
</div>
<div class="break-settings">
<label for="breakMinutes">休憩</label>
<input type="number" id="breakMinutes" min="0" step="1" value="0" max="999" />分
<input type="number" id="breakSeconds" min="0" step="1" value="0" max="59" />秒
</div>
<div class="repeat-settings">
<label for="repeatCount">繰り返し回数</label>
<input type="number" id="repeatCount" min="1" step="1" value="1" max="999" />
</div>
</div>
<div class="settings-action">
<button class="set-button">設定</button>
<button id="startBtn">スタート</button>
<button id="pauseBtn" class="pause-button">一時停止</button>
<button id="resetBtn">リセット</button>
</div>