質問編集履歴
2
コードの追加
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -1,9 +1,7 @@
|
|
|
1
1
|
### 前提・実現したいこと
|
|
2
2
|
|
|
3
3
|
JavaScriptで各問題に制限時間付き（10秒）のクイズを作ろうと考えています。
|
|
4
|
-
・ページを開くと同時にタイマーがスタートする。
|
|
5
|
-
・タイムアップになると不正解時と同じアラートが出る。
|
|
6
|
-
・アラートのOKボタンを押すと前回分のアラートはリセットされ、リスタートする。
|
|
4
|
+
・回答ボタン・アラートのOKボタンを押すと前回分のアラートはリセットされ、リスタートする。
|
|
7
5
|
以上のようなことを実現したいと考えています。
|
|
8
6
|
よろしくお願いいたします。
|
|
9
7
|
|
|
@@ -42,6 +40,11 @@
|
|
|
42
40
|
document.getElementById("answer").value = "";
|
|
43
41
|
}
|
|
44
42
|
|
|
43
|
+
var alertmsg=function(){
|
|
44
|
+
alert("10秒経過しました。もう一度最初から計算してください。");
|
|
45
|
+
}
|
|
46
|
+
setInterval(alertmsg,10000);
|
|
47
|
+
|
|
45
48
|
</script>
|
|
46
49
|
</body>
|
|
47
50
|
</html>
|
1
書式の改善、内容の一部変更
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -1,9 +1,10 @@
|
|
|
1
1
|
### 前提・実現したいこと
|
|
2
2
|
|
|
3
|
-
JavaScriptで制限時間付き（10秒）のクイズを作ろうと考えています。
|
|
3
|
+
JavaScriptで各問題に制限時間付き（10秒）のクイズを作ろうと考えています。
|
|
4
|
+
・ページを開くと同時にタイマーがスタートする。
|
|
5
|
+
・タイムアップになると不正解時と同じアラートが出る。
|
|
4
|
-
|
|
6
|
+
・アラートのOKボタンを押すと前回分のアラートはリセットされ、リスタートする。
|
|
5
|
-
|
|
6
|
-
|
|
7
|
+
以上のようなことを実現したいと考えています。
|
|
7
8
|
よろしくお願いいたします。
|
|
8
9
|
|
|
9
10
|
### 該当のソースコード
|
|
@@ -27,17 +28,9 @@
|
|
|
27
28
|
const start = 1000;
|
|
28
29
|
const unit = 5;
|
|
29
30
|
var cur = start;
|
|
30
|
-
var n = 0;
|
|
31
31
|
|
|
32
32
|
//回答
|
|
33
33
|
function check(){
|
|
34
|
-
|
|
35
|
-
var alertmsg=function(){
|
|
36
|
-
cur = start;
|
|
37
|
-
alert("もう一度最初から計算してください。");
|
|
38
|
-
}
|
|
39
|
-
setTimeout(alertmsg,10000);
|
|
40
|
-
|
|
41
34
|
if(document.getElementById("answer").value == (cur - unit)){
|
|
42
35
|
alert("OK");
|
|
43
36
|
cur -= unit;
|
|
@@ -46,15 +39,8 @@
|
|
|
46
39
|
alert("不正解です。もう一度最初から計算してください。");
|
|
47
40
|
//最初の問題に戻る
|
|
48
41
|
cur = start;
|
|
49
|
-
function countSecond(){
|
|
50
|
-
n ++;
|
|
51
|
-
|
|
42
|
+
document.getElementById("answer").value = "";
|
|
52
|
-
cur = start;
|
|
53
43
|
}
|
|
54
|
-
setTimeout("countSecond()",10000);
|
|
55
|
-
}
|
|
56
|
-
document.getElementById("answer").value = "";
|
|
57
|
-
}
|
|
58
44
|
|
|
59
45
|
</script>
|
|
60
46
|
</body>
|