成果物置き場[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〜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日で …

単位換算[馬力(PS)⇔kW]

単位換算[馬力(PS)⇔kW]

目次1 単位換算ツールを設置してみました2 使い方3 例4 注意 単位換算ツールを設置してみました 入力した数字を馬力(PS)、kWに変換できます。 使い方 上の入力窓に数字を入力してください。 例 …

404エラーが表示されたら

当サイトにて Hello! my name is 404 お探しのページはありませんでした。 と、表示された場合、リンクのURLが異なっているか、変わったか、消えた可能があります。 そのときは、お手数 …

新元号「令和」に決まる。

とうとう発表されました。 新元号は 「令和」です。 読みは「れいわ」”REIWA”。 □□□□□□□■□□□□□□□□□ □□□□□□■■■□□□□□□□□ □□□□□■■□■ …

[広告]

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