質問編集履歴
5
質問内容を少し変えた
test
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
|
|
1
|
+
ラジオボタンを切り替えたときに、選択した国／地域名と時刻に切り替えたいです（世界時計）
|
test
CHANGED
|
@@ -131,3 +131,91 @@
|
|
|
131
131
|
</html>
|
|
132
132
|
|
|
133
133
|
```
|
|
134
|
+
|
|
135
|
+
ラジオボタン処理前のJavaScript
|
|
136
|
+
|
|
137
|
+
```JavaScript
|
|
138
|
+
|
|
139
|
+
let kirikae = 0;
|
|
140
|
+
|
|
141
|
+
|
|
142
|
+
|
|
143
|
+
setInterval(nowtime, 1000);
|
|
144
|
+
|
|
145
|
+
|
|
146
|
+
|
|
147
|
+
function nowtime() {
|
|
148
|
+
|
|
149
|
+
let now = new Date();
|
|
150
|
+
|
|
151
|
+
let hh = now.getHours();
|
|
152
|
+
|
|
153
|
+
let mm = now.getMinutes();
|
|
154
|
+
|
|
155
|
+
let ss = now.getSeconds();
|
|
156
|
+
|
|
157
|
+
hh = hh + kirikae;
|
|
158
|
+
|
|
159
|
+
if (hh < 0) {
|
|
160
|
+
|
|
161
|
+
hh = 24 + hh;
|
|
162
|
+
|
|
163
|
+
}
|
|
164
|
+
|
|
165
|
+
if (hh < 10) {
|
|
166
|
+
|
|
167
|
+
hh = '0' + hh;
|
|
168
|
+
|
|
169
|
+
}
|
|
170
|
+
|
|
171
|
+
if (mm < 10) {
|
|
172
|
+
|
|
173
|
+
mm = '0' + mm;
|
|
174
|
+
|
|
175
|
+
}
|
|
176
|
+
|
|
177
|
+
if (ss < 10) {
|
|
178
|
+
|
|
179
|
+
ss = '0' + ss;
|
|
180
|
+
|
|
181
|
+
}
|
|
182
|
+
|
|
183
|
+
document.getElementById('jikan').textContent = hh + ':' + mm + ':' + ss;
|
|
184
|
+
|
|
185
|
+
|
|
186
|
+
|
|
187
|
+
if (hh < 10) {
|
|
188
|
+
|
|
189
|
+
document.getElementById('picture').src = 'asa.png';
|
|
190
|
+
|
|
191
|
+
}
|
|
192
|
+
|
|
193
|
+
else if (hh < 16) {
|
|
194
|
+
|
|
195
|
+
document.getElementById('picture').src = 'hiru.png';
|
|
196
|
+
|
|
197
|
+
}
|
|
198
|
+
|
|
199
|
+
else if (hh < 19) {
|
|
200
|
+
|
|
201
|
+
document.getElementById('picture').src = 'ban.png';
|
|
202
|
+
|
|
203
|
+
}
|
|
204
|
+
|
|
205
|
+
else if (hh < 24) {
|
|
206
|
+
|
|
207
|
+
document.getElementById('picture').src = 'yoru.png';
|
|
208
|
+
|
|
209
|
+
}
|
|
210
|
+
|
|
211
|
+
else if (hh < 4) {
|
|
212
|
+
|
|
213
|
+
document.getElementById('picture').src = 'sinya.png';
|
|
214
|
+
|
|
215
|
+
}
|
|
216
|
+
|
|
217
|
+
}
|
|
218
|
+
|
|
219
|
+
|
|
220
|
+
|
|
221
|
+
```
|
4
詳細の追加
test
CHANGED
|
File without changes
|
test
CHANGED
|
@@ -3,6 +3,32 @@
|
|
|
3
3
|
日本の現時刻を出力することはできました
|
|
4
4
|
|
|
5
5
|
ですが海外の時間とラジオボタンを押したときに時その国の時間にあった画像を出力させる方法がわかりません
|
|
6
|
+
|
|
7
|
+
|
|
8
|
+
|
|
9
|
+
詳細
|
|
10
|
+
|
|
11
|
+
日本／東京 ±0
|
|
12
|
+
|
|
13
|
+
オーストラリア／キャンベラ +1時間
|
|
14
|
+
|
|
15
|
+
インドネシア／ジャカルタ -2時間
|
|
16
|
+
|
|
17
|
+
エジプト／カイロ -7時間
|
|
18
|
+
|
|
19
|
+
イギリス／ロンドン -8時間
|
|
20
|
+
|
|
21
|
+
アメリカ／ニューヨーク -13時間
|
|
22
|
+
|
|
23
|
+
アメリカ／サンフランシスコ -16時
|
|
24
|
+
|
|
25
|
+
|
|
26
|
+
|
|
27
|
+
画像はhtmlやscript.js ファイルと同じ階層にあります
|
|
28
|
+
|
|
29
|
+
コードは日本の時間を1秒おきに時間が更新してるところまでです
|
|
30
|
+
|
|
31
|
+
|
|
6
32
|
|
|
7
33
|
途中経過です
|
|
8
34
|
|
3
マークダウン html
test
CHANGED
|
File without changes
|
test
CHANGED
|
@@ -50,7 +50,7 @@
|
|
|
50
50
|
|
|
51
51
|
|
|
52
52
|
|
|
53
|
-
```html
|
|
53
|
+
```html
|
|
54
54
|
|
|
55
55
|
<!DOCTYPE html>
|
|
56
56
|
|
2
マークダウン html
test
CHANGED
|
File without changes
|
test
CHANGED
|
@@ -50,7 +50,7 @@
|
|
|
50
50
|
|
|
51
51
|
|
|
52
52
|
|
|
53
|
-
```html>
|
|
53
|
+
```html>
|
|
54
54
|
|
|
55
55
|
<!DOCTYPE html>
|
|
56
56
|
|
1
マークダウン記法とタグ変え
test
CHANGED
|
File without changes
|
test
CHANGED
|
@@ -2,11 +2,11 @@
|
|
|
2
2
|
|
|
3
3
|
日本の現時刻を出力することはできました
|
|
4
4
|
|
|
5
|
-
ですが海外の時間とラジオボタンを押したときに時間
|
|
5
|
+
ですが海外の時間とラジオボタンを押したときに時その国の時間にあった画像を出力させる方法がわかりません
|
|
6
|
-
|
|
7
|
-
|
|
8
6
|
|
|
9
7
|
途中経過です
|
|
8
|
+
|
|
9
|
+
```javascript
|
|
10
10
|
|
|
11
11
|
function set2fig(num) {
|
|
12
12
|
|
|
@@ -40,11 +40,17 @@
|
|
|
40
40
|
|
|
41
41
|
|
|
42
42
|
|
|
43
|
+
```
|
|
43
44
|
|
|
44
45
|
|
|
45
46
|
|
|
46
47
|
|
|
48
|
+
|
|
49
|
+
|
|
50
|
+
|
|
51
|
+
|
|
52
|
+
|
|
47
|
-
html
|
|
53
|
+
```html>
|
|
48
54
|
|
|
49
55
|
<!DOCTYPE html>
|
|
50
56
|
|
|
@@ -97,3 +103,5 @@
|
|
|
97
103
|
</body>
|
|
98
104
|
|
|
99
105
|
</html>
|
|
106
|
+
|
|
107
|
+
```
|