jQueryなど便利なライブラリもいいですが、軽量でカスタマイズ自由自在なオリジナリティあふれるネイティブJavaScriptを書くのもいいかも。
jQueryなど便利なライブラリもいいですが、軽量でカスタマイズ自由自在なオリジナリティあふれるネイティブJavaScriptを書くのもいいかも。

日付時刻をリアルタイム表示

概要
日付時刻をリアルタイム表示します。
業務用ウェブアプリに設置すると親切かと思います。
使用方法
コメントを参考に実装します。
備考
サイトのヘッダ部分に常に表示させておくと思った以上に見ることが多いです。クリックでアラート時刻を設定できるようにするなど業務アプリのおまけとして設置すると喜ばれるかも知れません。

/**
 * 日付時刻をリアルタイム表示
 *
 * usage:
 * <div id="nowdatetime"></div> ---> e.g. <div id="nowdatetime">2013年5月18日(土) 15:08:46</div>
 *
 * @auther ao-system
 */
(function(window,document){
	var weekAry = ['日','月','火','水','木','金','土'];
	draw();
	function strpad(val) {
		return (!isNaN(val) && val.toString().length == 1) ? '0' + val : val;
	}
	function draw() {
		var date = new Date();
		var year = date.getFullYear();
		var month = date.getMonth() + 1;
		var week = date.getDay();
		var day = date.getDate();
		var hour = strpad(date.getHours());
		var minute = strpad(date.getMinutes());
		var second = strpad(date.getSeconds());
		var result = year + '年 ' + month + '月' + day + '日(' + weekAry[week] + ') ' + hour + ':' + minute + ':' + second;
		document.getElementById('nowdatetime').innerHTML = result;
		setTimeout(function(){ draw(); },500);
	}
})(window,document);
	
このサイトでお気付きの点がございましたら
ご連絡いただけますと幸いです。
Eメール(任意)
送信内容
 
このサイトでお気付きの点がございましたら
ご連絡いただけますと幸いです。
 
Eメール(任意)
送信内容
 
このサイトでお気付きの点がございましたら
ご連絡いただけますと幸いです。
 
Eメール(任意)
送信内容
 
便




top of page