JavaScriptで時刻を表示する方法

カテゴリー:
Click here: English (US)
<script>
    function digs(num) {
        return ( num < 10 )?num = "0" + num:num = num
    }
    function Watch() {
        var date = new Date();
        var nowHour = digs( date.getHours() );
        var nowMin = digs( date.getMinutes() );
        var nowSec = digs( date.getSeconds() );
        var msg = nowHour + ":" + nowMin + ":" + nowSec;
        document.getElementById("Watch").innerHTML = msg;
    }
    setInterval('Watch()',500);
</script>
<div id="Watch">00:00:00</div>

JavaScriptの日時取得は特殊で,それぞれをgetする形式です.

サンプルプログラムでは,500ms毎に日時情報を更新し,idがWatchのdivに反映しています.

簡単なコードなので,詳細説明は割愛します.

サンプルプログラムは、MITライセンスのもとで公開しています。
以下の利用規約を参照の上、使用してください。
ソースコードの利用に関する規約


Categories:


Categories


Recent Posts


Tags


CSS HTML JavaScript Web