○○日の日付オブジェクトを生成し、現在時刻(年月日)と比較し結果を返す。
<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>