teratail
回答率
85.46%
質問するログイン新規登録
トップに関する質問制限時間付きのクイズの作成

編集履歴

質問編集履歴

2

コードの追加

2019/06/09 02:28

投稿

moka_
moka_

スコア17

test CHANGED
File without changes
test CHANGED
@@ -4,11 +4,7 @@
4
4
 
5
5
  JavaScriptで各問題に制限時間付き（10秒）のクイズを作ろうと考えています。
6
6
 
7
- ・ページを開くと同時にタイマーがスタートする。
8
-
9
- ・タイムアップになると不正解時と同じアラートが出る。
10
-
11
- ・アラートのOKボタンを押すと前回分のアラートはリセットされ、リスタートする。
7
+ ・回答ボタン・アラートのOKボタンを押すと前回分のアラートはリセットされ、リスタートする。
12
8
 
13
9
  以上のようなことを実現したいと考えています。
14
10
 
@@ -86,6 +82,16 @@
86
82
 
87
83
 
88
84
 
85
+ var alertmsg=function(){
86
+
87
+ alert("10秒経過しました。もう一度最初から計算してください。");
88
+
89
+ }
90
+
91
+ setInterval(alertmsg,10000);
92
+
93
+
94
+
89
95
  </script>
90
96
 
91
97
  </body>

1

書式の改善、内容の一部変更

2019/06/09 02:28

投稿

moka_
moka_

スコア17

test CHANGED
File without changes
test CHANGED
@@ -2,13 +2,15 @@
2
2
 
3
3
 
4
4
 
5
- JavaScriptで制限時間付き（10秒）のクイズを作ろうと考えています。
5
+ JavaScriptで各問題に制限時間付き（10秒）のクイズを作ろうと考えています。
6
6
 
7
- 以下のように書いてみたのですが、タイマーがリセットされず、問題に正解しても永遠に時間切れで不正解となってしまいます。
7
+ ・ページを開くと同時にタイマーがスタートする。
8
8
 
9
+ ・タイムアップになると不正解時と同じアラートが出る。
9
10
 
11
+ ・アラートのOKボタンを押すと前回分のアラートはリセットされ、リスタートする。
10
12
 
11
- どのようにコードを書けばうまくいくのでしょうか？
13
+ 以上のようなことを実現したいと考えています。
12
14
 
13
15
  よろしくお願いいたします。
14
16
 
@@ -56,27 +58,11 @@
56
58
 
57
59
  var cur = start;
58
60
 
59
- var n = 0;
60
-
61
61
 
62
62
 
63
63
  //回答
64
64
 
65
65
  function check(){
66
-
67
-
68
-
69
- var alertmsg=function(){
70
-
71
- cur = start;
72
-
73
- alert("もう一度最初から計算してください。");
74
-
75
- }
76
-
77
- setTimeout(alertmsg,10000);
78
-
79
-
80
66
 
81
67
  if(document.getElementById("answer").value == (cur - unit)){
82
68
 
@@ -94,21 +80,7 @@
94
80
 
95
81
  cur = start;
96
82
 
97
- function countSecond(){
98
-
99
- n ++;
100
-
101
- alert("最初から計算してください");
102
-
103
- cur = start;
104
-
105
- }
106
-
107
- setTimeout("countSecond()",10000);
108
-
109
- }
110
-
111
- document.getElementById("answer").value = "";
83
+ 　document.getElementById("answer").value = "";
112
84
 
113
85
  }
114
86