○○まであと△日を表示する

○○日の日付オブジェクトを生成し、現在時刻(年月日)と比較し結果を返す。


ここ
<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>
TOPへ

IT用語辞典


inserted by FC2 system