成果物置き場[BLOG]

自分で作った成果物の置き場や備忘録など。

ブログ

現在時刻を表示してみる。

投稿日:2017年9月22日

このブログににも時計を表示させてみようとしたけれど、どうにもユーザ端末によりまちまち。

そこで現在時刻を表示するjavascriptで設置してみました。

まず、TAGindexさんの例で実践してみる。


<script type="text/javascript">
<!--

var weeks = new Array('日','月','火','水','木','金','土');

var now = new Date();

var year = now.getYear(); // 年
var month = now.getMonth() + 1; // 月
var day = now.getDate(); // 日
var week = weeks[ now.getDay() ]; // 曜日
var hour = now.getHours(); // 時
var min = now.getMinutes(); // 分
var sec = now.getSeconds(); // 秒

if(year < 2000) { year += 1900; }

// 数値が1桁の場合、頭に0を付けて2桁で表示する指定
if(month < 10) { month = "0" + month; }
if(day < 10) { day = "0" + day; }
if(hour < 10) { hour = "0" + hour; }
if(min < 10) { min = "0" + min; }
if(sec < 10) { sec = "0" + sec; }

// 表示開始
document.write('現在:<b>' + year + '年' + month + '月' + day + '日(' + week + ')');
document.write(hour + '時' + min + '分' + sec + '秒</b>');
// 表示終了

//-->
</script>


申し分なく上手く表示されている。
だが、どうにも端末側の時計が原因で分単位でずれてしまう。
スマホ等では問題なかった。
今度は正確な現在時刻を表示してみたい。

-ブログ
-

執筆者:

関連記事

JavaScript〜Hello,World!

JavaScriptで文字を表示するプログラム、定番の”Hello World”が問題なく動くことの確認。 実行結果 <script type="text/ja …

「要注意 – ads.txt ファイルが含まれていないサイトがあります。収益に重大な影響が出ないよう、この問題を今すぐ修正してください。」を解決する。

アドセンスを開始してしばらくたちますが、ある時アドセンスの管理画面を見ているとこんな表示がありました。 要注意 – ads.txt ファイルが含まれていないサイトがあります。収益に重大な影 …

JavaScript〜JavaScript内でのコメントの書き方

JavaScriptでのコメントの書き方は 一行は // 複数行は /* */ Hello Worldのプログラムに文字を足してコメントアウトできるか確認。 <script type=&quot …

no image

Fetch as Googleは2019年3月28日終了。代わりはGoogle Search ConsoleのURL検査。

GoogleMapで使われている地図がゼンリンのものから自社の物へと変わったことが話題になったGoogleですが、その検索エンジンへのサイト登録にお馴染みのFetch as Googleは今月28日で …

Javascript〜変数

JavaScriptの変数について 数字から始まる変数には使用できない 予約語は使用できない 予約語の例 break case catch continue default delete do els …

[広告]

  • 現在時刻
2017年9月
    10月 »
 123
45678910
11121314151617
18192021222324
252627282930  
Translate »