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

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

注意
これらの記事は2016年当時の物で結構古いです。モダンブラウザでは不要な記述やJavaScriptでなくともCSSで実現できる機能もあります。 当時の記録として残してありますがあまり参考になるものではありません。
概要
日付時刻をリアルタイム表示します。
業務用ウェブアプリに設置すると親切かと思います。
使用方法
コメントを参考に実装します。
備考
サイトのヘッダ部分に常に表示させておくと思った以上に見ることが多いです。クリックでアラート時刻を設定できるようにするなど業務アプリのおまけとして設置すると喜ばれるかも知れません。

/**
 * 日付時刻をリアルタイム表示
 *
 * usage:
 * <div id="nowdatetime"></div> ---> e.g. <div id="nowdatetime">2013年5月18日(土) 15:08:46</div>
 *
 * @author 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);