settingsログイン
メニュー

JavaScriptで世界時計

閲覧 43
jsでいろんな国の時間を1秒おきに時間が更新されるようにしラジオボタンで画像と国の時間を変えるのをやっているのですがhtmlとcssを変えずにjava script内(script.js)だけを変えて やる方法が思いつきません。htmlとcssは②にあります。 htmlを変えていろんな国の時計を作ることはできました すみませんが教えていただけると助かります  ラジオボタンを切り替えたときに、選択した国と時刻に切り替えたいのが1つ目で ① 時差をこんな感じ出力できたらいいなと思ってます 日本/東京 ±0 オーストラリア/キャンベラ +1時間 インドネシア/ジャカルタ -2時間 エジプト/カイロ -7時間 イギリス/ロンドン -8時間 アメリカ/ニューヨーク -13時間 アメリカ/サンフランシスコ -16時間  あと、時間に合わせて表示される画像を入れ替えてみたくて  午前4時~午前9時59分 asa.png 午前10時~午後3時59分 hiru.png 午後4時~午後6時59分 ban.png 午後7時~午後11時59分 yoru.png 午前0時~午前3時59分 sinya.png  が自分の考えてるものです ② <!DOCTYPE html><html lang="ja"><head><meta charset="UTF-8"><title>JavaScript</title><link rel="stylesheet"><style>#jikan{ font-size: 32px; color:#FFFFFF; background-color:#333333; padding:0px 8px; } </style></head><body><h1>世界時計</h1><h2>現在の『<span id="basyo">日本/東京</span>』の時刻は</h2><h2><span id="jikan"></span>です</h2><img id="pictur"src="chikyuu.png"width="260"height="280"alt=""><div id="box"><form id="select"><label><input type="radio"name="kokumei"value="0">日本/東京</label><br><label><input type="radio"name="kokumei"value="1">オーストラリア/キャンベラ</label><br><label><input type="radio"name="kokumei"value="2">インドネシア/ジャカルタ</label><br><label><input type="radio"name="kokumei"value="3">エジプト/カイロ</label><br><label><input type="radio"name="kokumei"value="4">イギリス/ロンドン</label><br><label><input type="radio"name="kokumei"value="5">アメリカ/ニューヨーク</label><br><label><input type="radio"name="kokumei"value="6">アメリカ/サンフランシスコ</label><br></form></div><script src="script.js"></script></body></html>
匿名 2021 7/15 質問 JavaScript

ログインまたはユーザー登録してから回答してください。

プログラミング・開発言語、JavaScript の企業/事業者/教室/プロの方のホームページの集客、アクセスアップ、SEO対策効果が期待できるリスティングサイト=Ask-itをぜひご活用ください

Ask IT にようこそ。ここではコミュニティメンバーに質問したり、回答を得ることができます。
ITについて質問したい方へ ITについてプロに質問したい方は会員登録後すぐに質問をする事ができます。

プロフェッショナルの方へ 質問に答えていただけるプロフェッショナルの方は下記をご覧下さい

お気づきの点があれば是非お知らせください
...