- ベストアンサー
JavaScriptで時計を24時間表示する方法
- JavaScriptでホームページに配置した時計の表示を24時間表記に変更する方法について質問させていただきます。
- 現在の表示はAM/PM表記になっており、例えばAM07時というような表示になってしまいます。
- 24時間表示にするためのJavaScriptのコードや設定方法を教えていただけますでしょうか？
- buzinesswa
- お礼率42% (50/117)
- JavaScript
- 回答数3
- ありがとう数2
- みんなの回答 （3）
- 専門家の回答
質問者が選んだベストアンサー
すでに回答は出ていますけれど… 少し繰返しを省いて、こんなのもあるかと。 ご質問の例では、「秒」の部分の表示用<img >がコメントアウトされていますが、代入する方はそのままなのでどちらが正なのか不明でした。 （「秒」表示が不要な場合は、disp = ["Hours","Minutes"]; に） intervalは1000がいいのか、500がいいのか…（ご提示のものと同じにしてあります） <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"> <html lang="ja"> <head><title>sample</title> <meta http-equiv="Content-Script-Type" content="text/javascript"> </head> <body> <!-- ↓表示対象用のdiv↓ --> <div id="target"> </div> <script type="text/javascript"> <!-- (function(toTag) { var targetId = "target"; // ← 表示用divのid var disp = ["Hours","Minutes","Seconds"]; // ← 表示内容 var time = function() { var i = 0, d, n, m, html = ""; var date = new Date(); while (d = disp[i++]) { n = "0" + date["get" + d](); m = n.length - 2; if (i>1) html += toTag("ten"); html += toTag(n.charAt(m++)); html += toTag(n.charAt(m)); } document.getElementById(targetId).innerHTML = html; } setInterval(time, 1000); })(function(str) { return '<img src="' + str + '.jpg" alt="">'; }); // --> </script> </body> </html>
その他の回答 (2)
- fujillin
- ベストアンサー率61% (1594/2576)
#2です。 お馬鹿な無駄があったので、ちょいと訂正。（内容は同じです） <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"> <html lang="ja"> <head><title>sample</title> <meta http-equiv="Content-Script-Type" content="text/javascript"> </head> <body> <!-- 表示対象用のdiv↓ --> <div id="target"> </div> <script type="text/javascript"> <!-- (function(toTag) { var targetId = "target"; // ← 表示用divのid var disp = ["Hours","Minutes","Seconds"]; // ← 表示内容 var time = function() { var i = 0, d, n, html = ""; var date = new Date(); while (d = disp[i]) { n = date["get" + d]() + ""; if (2 > n.length) n = "0" + n; if (i++) html += toTag("ten"); html += toTag(n.charAt(0)) + toTag(n.charAt(1)); } document.getElementById(targetId).innerHTML = html; } setInterval(time, 1000); })(function(str) { return '<img src="' + str + '.jpg" alt="">'; }); // --> </script> </body> </html>
- yamada_g
- ベストアンサー率68% (258/374)
>if((hour >= 12)){ >hour = hour - 12; >hour2 = hour % 10; >hour1 = (hour-hour2) / 10 ; >ampm = "pm"; >}else{ >hour2 = hour % 10; >hour1 = (hour-hour2) / 10 ; >ampm = "am"; >} の部分を削って、hourの値をそのまま利用すればいいのではないでしょうか。 必要であれば0～9時の場合は頭に"0"を付加するようにして。
お礼
迅速な返答ありがとうございます。 ちょっと動作の実験をしてみます。