質問編集履歴
1
書式の改善
test
CHANGED
|
File without changes
|
test
CHANGED
|
@@ -8,7 +8,7 @@
|
|
|
8
8
|
saveDataとshowTimeという関数を作成して実現しようとしています。
|
|
9
9
|
### 発生している問題・エラーメッセージ
|
|
10
10
|
ページのロードと再起動によるデータの保存はできているのですが、そこからstartボタンをクリックする操作によって、計測が０から再開してしまします。
|
|
11
|
-
|
|
11
|
+
```Javascript
|
|
12
12
|
let [milliseconds, seconds, minutes, hours] = [0, 0, 0, 0];
|
|
13
13
|
let [OvertimeMilliseconds, OvertimeSeconds, OvertimeMinutes, OvertimeHours] = [0, 0, 0, 0];
|
|
14
14
|
let timerRef = document.querySelector('.timerDisplay');
|
|
@@ -16,11 +16,12 @@
|
|
|
16
16
|
let int = null;
|
|
17
17
|
|
|
18
18
|
document.getElementById('startTimer').addEventListener('click', () => {
|
|
19
|
-
if (int !== null) {
|
|
19
|
+
// if (int !== null) {
|
|
20
|
-
clearInterval(int);
|
|
20
|
+
// clearInterval(int);
|
|
21
|
-
}
|
|
21
|
+
// }
|
|
22
22
|
int = setInterval(displayTimer, 10);
|
|
23
23
|
saveData();
|
|
24
|
+
showTime();
|
|
24
25
|
});
|
|
25
26
|
|
|
26
27
|
document.getElementById('pauseTimer').addEventListener('click', () => {
|
|
@@ -71,7 +72,7 @@
|
|
|
71
72
|
if (s >= 8) {
|
|
72
73
|
overtimeDisplayTimer();
|
|
73
74
|
}
|
|
74
|
-
|
|
75
|
+
saveData();
|
|
75
76
|
}
|
|
76
77
|
|
|
77
78
|
function overtimeDisplayTimer() {
|
|
@@ -99,6 +100,7 @@
|
|
|
99
100
|
|
|
100
101
|
|
|
101
102
|
overTimeRef.innerHTML = ` ${h} : ${m} : ${s}`;
|
|
103
|
+
saveData();
|
|
102
104
|
}
|
|
103
105
|
|
|
104
106
|
|
|
@@ -120,22 +122,4 @@
|
|
|
120
122
|
|
|
121
123
|
showTime();
|
|
122
124
|
|
|
123
|
-
|
|
124
|
-
ここにより詳細な情報を記載してください。
|
|
125
|
-
この関数でデータの保存と表示をしておりますが、上記の事象が発生してしまいます。
|
|
126
|
-
|
|
127
|
-
function saveData() {
|
|
128
|
-
localStorage.setItem("time", timerRef.innerHTML);
|
|
129
|
-
localStorage.setItem("overtime", overTimeRef.innerHTML);
|
|
130
|
-
|
|
125
|
+
```
|
|
131
|
-
|
|
132
|
-
function showTime() {
|
|
133
|
-
const savedTime = localStorage.getItem("time");
|
|
134
|
-
const savedOvertime = localStorage.getItem("overtime");
|
|
135
|
-
if (savedTime !== null) {
|
|
136
|
-
timerRef.innerHTML = savedTime;
|
|
137
|
-
}
|
|
138
|
-
if (savedOvertime !== null) {
|
|
139
|
-
overTimeRef.innerHTML = savedOvertime;
|
|
140
|
-
}
|
|
141
|
-
}
|