○○日の日付オブジェクトを生成し、現在時刻(年月日)と比較し結果を返す。
<script type="text/javascript"> function dsp() { var targetObj = document.getElementById("KOKO"); var dateObj = new Date("2011/7/24"); targetObj.innerHTML = dateObj.YMDJP() + "まで あと " + dateObj.getDateCountDown() + "日"; // getDateCountDown() ここ自作 } function dspHidden() { var targetObj = document.getElementById("KOKO"); targetObj.innerHTML = "ここ"; } </script>
ここでは、prototype.jsを利用してDate
オブジェクトを拡張して日本語表記をしています。詳細は「Dateオブジェクトの拡張」を参照願います。
<script type="text/javascript"> //---------------------------------------------- // Dateオブジェクトの拡張(メソッド追加) Object.extend(Date.prototype, { Version: '1.1.0', Description: 'Dateオブジェクトの拡張', //------------------------------ // ○○まであと△日 の△を返却 getDateCountDown: function () { var _targetDate = this; var _nowDate = new Date(); // 時分秒以下を0クリアする _targetDate.setMilliseconds(0); _targetDate.setSeconds(0); _targetDate.setMinutes(0); _targetDate.setHours(0); _nowDate.setMilliseconds(0); _nowDate.setSeconds(0); _nowDate.setMinutes(0); _nowDate.setHours(0); var _day = (_targetDate.getTime() - _nowDate.getTime()) / (24*60*60*1000) return _day; } }); </script>