質問編集履歴
6
文字
test
CHANGED
|
File without changes
|
test
CHANGED
|
@@ -2,26 +2,4 @@
|
|
|
2
2
|
現状は下記の通りです。setTimeoutでできなくて、setIntervalでとりあえずやってみましたが、これを作動させると最初は順調に0秒までカウント後停止します。
|
|
3
3
|
しかし、クリックボタンを押すと-1秒となります。さらにボタンを押すと−２と増えていきます。
|
|
4
4
|
アドバイスいただきたいです。よろしくお願い致します。
|
|
5
|
-
|
|
5
|
+
|
|
6
|
-
<html>
|
|
7
|
-
<body>
|
|
8
|
-
<form>
|
|
9
|
-
<input type="button" id="button" value="ok" onclick="testfunc()"
|
|
10
|
-
style="width:60px; height:30px; margin-left:200px;"></input>
|
|
11
|
-
</form>
|
|
12
|
-
</body>
|
|
13
|
-
</html>
|
|
14
|
-
```
|
|
15
|
-
```JavaScript
|
|
16
|
-
let timer = document.getElementById("timer");
|
|
17
|
-
let time = 11; //10秒だとリロード後9秒からになってしまうため11秒設定
|
|
18
|
-
function testfunc() {
|
|
19
|
-
let countdown = setInterval(function() {
|
|
20
|
-
timer.textContent = '制限時間：' + --time + '秒';
|
|
21
|
-
if(time <= 0){
|
|
22
|
-
clearInterval(countdown);
|
|
23
|
-
}
|
|
24
|
-
},1000);
|
|
25
|
-
}
|
|
26
|
-
testfunc();
|
|
27
|
-
```
|
5
コード
test
CHANGED
|
File without changes
|
test
CHANGED
|
@@ -15,10 +15,13 @@
|
|
|
15
15
|
```JavaScript
|
|
16
16
|
let timer = document.getElementById("timer");
|
|
17
17
|
let time = 11; //10秒だとリロード後9秒からになってしまうため11秒設定
|
|
18
|
+
function testfunc() {
|
|
18
19
|
let countdown = setInterval(function() {
|
|
19
20
|
timer.textContent = '制限時間：' + --time + '秒';
|
|
20
21
|
if(time <= 0){
|
|
21
22
|
clearInterval(countdown);
|
|
22
23
|
}
|
|
23
24
|
},1000);
|
|
25
|
+
}
|
|
26
|
+
testfunc();
|
|
24
27
|
```
|
4
文
test
CHANGED
|
File without changes
|
test
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
画面上に制限時間10秒を表示し、ボタンを押すとその制限時間がリセットされまた10秒カウントが始まる実装をしたい
|
|
1
|
+
画面上に制限時間10秒を表示し、ボタンを押すとその制限時間がリセットされまた10秒カウントが始まる実装をsetTimeoutを利用してやりたいです。
|
|
2
|
+
現状は下記の通りです。setTimeoutでできなくて、setIntervalでとりあえずやってみましたが、これを作動させると最初は順調に0秒までカウント後停止します。
|
|
2
|
-
|
|
3
|
+
しかし、クリックボタンを押すと-1秒となります。さらにボタンを押すと−２と増えていきます。
|
|
3
|
-
これをsetTimeoutで実装したいです。
|
|
4
|
-
アドバイスよろしくお願い致します。
|
|
4
|
+
アドバイスいただきたいです。よろしくお願い致します。
|
|
5
5
|
```html
|
|
6
6
|
<html>
|
|
7
7
|
<body>
|
3
文
test
CHANGED
|
File without changes
|
test
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
画面上に制限時間10秒を表示し、ボタンを押すとその制限時間がリセットされまた10秒カウントが始まる実装をしたいのですが、できずに詰まっています。
|
|
2
2
|
現状は下記の通りです。これを作動させると0秒までカウント後停止し、クリックボタンを押すと0秒のままです。
|
|
3
|
-
|
|
3
|
+
これをsetTimeoutで実装したいです。
|
|
4
|
-
アドバイス
|
|
4
|
+
アドバイスよろしくお願い致します。
|
|
5
5
|
```html
|
|
6
6
|
<html>
|
|
7
7
|
<body>
|
2
文
test
CHANGED
|
File without changes
|
test
CHANGED
|
@@ -1,9 +1,17 @@
|
|
|
1
1
|
画面上に制限時間10秒を表示し、ボタンを押すとその制限時間がリセットされまた10秒カウントが始まる実装をしたいのですが、できずに詰まっています。
|
|
2
2
|
現状は下記の通りです。これを作動させると0秒までカウント後停止し、クリックボタンを押すと0秒のままです。
|
|
3
|
-
timerはinputのボタン要素のidです。
|
|
4
|
-
そのinputにはonclic="testfunc()"を指定していますが、その中に入れると全く実行できないため即席の関数で作っています。
|
|
5
3
|
|
|
6
4
|
アドバイスいただきたいです。よろしくお願い致します。
|
|
5
|
+
```html
|
|
6
|
+
<html>
|
|
7
|
+
<body>
|
|
8
|
+
<form>
|
|
9
|
+
<input type="button" id="button" value="ok" onclick="testfunc()"
|
|
10
|
+
style="width:60px; height:30px; margin-left:200px;"></input>
|
|
11
|
+
</form>
|
|
12
|
+
</body>
|
|
13
|
+
</html>
|
|
14
|
+
```
|
|
7
15
|
```JavaScript
|
|
8
16
|
let timer = document.getElementById("timer");
|
|
9
17
|
let time = 11; //10秒だとリロード後9秒からになってしまうため11秒設定
|
|
@@ -13,4 +21,4 @@
|
|
|
13
21
|
clearInterval(countdown);
|
|
14
22
|
}
|
|
15
23
|
},1000);
|
|
16
|
-
```
|
|
24
|
+
```
|
1
文
test
CHANGED
|
File without changes
|
test
CHANGED
|
@@ -1,5 +1,8 @@
|
|
|
1
|
-
画面上に制限時間を表示し、
|
|
1
|
+
画面上に制限時間10秒を表示し、ボタンを押すとその制限時間がリセットされまた10秒カウントが始まる実装をしたいのですが、できずに詰まっています。
|
|
2
2
|
現状は下記の通りです。これを作動させると0秒までカウント後停止し、クリックボタンを押すと0秒のままです。
|
|
3
|
+
timerはinputのボタン要素のidです。
|
|
4
|
+
そのinputにはonclic="testfunc()"を指定していますが、その中に入れると全く実行できないため即席の関数で作っています。
|
|
5
|
+
|
|
3
6
|
アドバイスいただきたいです。よろしくお願い致します。
|
|
4
7
|
```JavaScript
|
|
5
8
|
let timer = document.getElementById("timer");
|