teratail header banner
teratail header banner
質問するログイン新規登録

質問編集履歴

3

コードブロック化

2016/07/08 10:10

投稿

skbhry
skbhry

スコア13

title CHANGED
File without changes
body CHANGED
@@ -4,6 +4,7 @@
4
4
 
5
5
  初歩的な質問でお恥ずかしいですが、よろしくお願い致します。
6
6
 
7
+ ```ここに言語を入力
7
8
  ///main.js///
8
9
  $(function() {
9
10
  // 値の初期化
@@ -44,4 +45,5 @@
44
45
  window.location.href = 'end.html';
45
46
  }
46
47
  }, limitTime);
47
- });
48
+ });
49
+ ```

2

質問の間違い

2016/07/08 10:10

投稿

skbhry
skbhry

スコア13

title CHANGED
File without changes
body CHANGED
@@ -1,5 +1,5 @@
1
1
  jQueryがわからなくて困っています。
2
- index.htmlを固定し、main.jsの中で.loadでhtmlを毎回ロードしてしてのですが、なにも変わらないです。
2
+ game.htmlを固定し、main.jsの中で.loadでゲーム用のhtmlを毎回ロードしいのですが、なにも変わらないです。
3
3
  出ているのは最初にindex.htmlに遷移した際にmain.jsでloadしている画面だけです。
4
4
 
5
5
  初歩的な質問でお恥ずかしいですが、よろしくお願い致します。

1

ソースコードを追加しました。

2016/07/08 07:00

投稿

skbhry
skbhry

スコア13

title CHANGED
File without changes
body CHANGED
@@ -2,4 +2,46 @@
2
2
  index.htmlを固定し、main.jsの中で.loadでhtmlを毎回ロードしてしているのですが、なにも変わらないです。
3
3
  出ているのは最初にindex.htmlに遷移した際にmain.jsでloadしている画面だけです。
4
4
 
5
- 初歩的な質問でお恥ずかしいですが、よろしくお願い致します。
5
+ 初歩的な質問でお恥ずかしいですが、よろしくお願い致します。
6
+
7
+ ///main.js///
8
+ $(function() {
9
+ // 値の初期化
10
+ var readyTime = 2000;
11
+ var limitTime = readyTime + 5000;
12
+
13
+ // ゲームを表示する処理
14
+ // TODO:「games」ディレクトリからランダムに選択するように変えたい
15
+
16
+ // クイズを足したら、下の配列に手動で増やす
17
+ var rlink = [];
18
+ rlink[0] = "games/001.html";
19
+ rlink[1] = "games/002.html";
20
+ rlink[2] = "games/003.html";
21
+
22
+ // ランダム表示
23
+ var x = Math.floor(Math.random() * rlink.length);
24
+
25
+ $("#game").load(rlink[x]);
26
+
27
+ // 最初にルールをだけを表示して、2秒後に問題を表示する処理
28
+ setTimeout(function(){
29
+ $("#game-area").css("display", "block");
30
+ }, readyTime);
31
+
32
+ // 選択した結果を元にページ遷移
33
+ setTimeout(function(){
34
+ var gameResult = $("#game-result").attr("value");
35
+ if (gameResult === "continue") {
36
+ // 次の問題を表示
37
+ // TODO:ページ遷移はせずに、「games」ディレクトリからまだプレイされていないゲームを表示するように変えたい。
38
+ $("#game").load(rlink[x]);
39
+ // window.location.href = 'game.html';
40
+ } else {
41
+ // 終了画面に遷移
42
+ // TODO:クリアしたゲーム数を表示するようにしたい。ページ遷移ではなく読み込みの方がいいか?
43
+ localStorage.removeItem("tostr");
44
+ window.location.href = 'end.html';
45
+ }
46
+ }, limitTime);
47
+ });