質問編集履歴

3

コードブロック化

2016/07/08 10:10

投稿

skbhry
skbhry

スコア13

test CHANGED
File without changes
test CHANGED
@@ -9,6 +9,8 @@
9
9
  初歩的な質問でお恥ずかしいですが、よろしくお願い致します。
10
10
 
11
11
 
12
+
13
+ ```ここに言語を入力
12
14
 
13
15
  ///main.js///
14
16
 
@@ -91,3 +93,5 @@
91
93
  }, limitTime);
92
94
 
93
95
  });
96
+
97
+ ```

2

質問の間違い

2016/07/08 10:10

投稿

skbhry
skbhry

スコア13

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

1

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

2016/07/08 07:00

投稿

skbhry
skbhry

スコア13

test CHANGED
File without changes
test CHANGED
@@ -7,3 +7,87 @@
7
7
 
8
8
 
9
9
  初歩的な質問でお恥ずかしいですが、よろしくお願い致します。
10
+
11
+
12
+
13
+ ///main.js///
14
+
15
+ $(function() {
16
+
17
+ // 値の初期化
18
+
19
+ var readyTime = 2000;
20
+
21
+ var limitTime = readyTime + 5000;
22
+
23
+
24
+
25
+ // ゲームを表示する処理
26
+
27
+ // TODO:「games」ディレクトリからランダムに選択するように変えたい
28
+
29
+
30
+
31
+ // クイズを足したら、下の配列に手動で増やす
32
+
33
+ var rlink = [];
34
+
35
+ rlink[0] = "games/001.html";
36
+
37
+ rlink[1] = "games/002.html";
38
+
39
+ rlink[2] = "games/003.html";
40
+
41
+
42
+
43
+ // ランダム表示
44
+
45
+ var x = Math.floor(Math.random() * rlink.length);
46
+
47
+
48
+
49
+ $("#game").load(rlink[x]);
50
+
51
+
52
+
53
+ // 最初にルールをだけを表示して、2秒後に問題を表示する処理
54
+
55
+ setTimeout(function(){
56
+
57
+ $("#game-area").css("display", "block");
58
+
59
+ }, readyTime);
60
+
61
+
62
+
63
+ // 選択した結果を元にページ遷移
64
+
65
+ setTimeout(function(){
66
+
67
+ var gameResult = $("#game-result").attr("value");
68
+
69
+ if (gameResult === "continue") {
70
+
71
+ // 次の問題を表示
72
+
73
+ // TODO:ページ遷移はせずに、「games」ディレクトリからまだプレイされていないゲームを表示するように変えたい。
74
+
75
+ $("#game").load(rlink[x]);
76
+
77
+ // window.location.href = 'game.html';
78
+
79
+ } else {
80
+
81
+ // 終了画面に遷移
82
+
83
+ // TODO:クリアしたゲーム数を表示するようにしたい。ページ遷移ではなく読み込みの方がいいか?
84
+
85
+ localStorage.removeItem("tostr");
86
+
87
+ window.location.href = 'end.html';
88
+
89
+ }
90
+
91
+ }, limitTime);
92
+
93
+ });