1

PHPの日時で動作するJavascript/jQueryでカウントダウンを開発するにはどうすればよいですか(更新せずにリアルタイムでカウントダウンする必要があります)?

したがって、日付が例の場合: 2013-06-2 日付までさかのぼる日、時間、分がカウントダウンされます。

次の形式で動作する必要があります。

<li><small>@@days@@</small><span>Days</span></li>
<li><small>@@hours@@</small><span>Hours</span></li>
<li><small>@@minutes@@</small><span>Minutes</span></li>

または、日時をタイムスタンプに編集する必要がありますか?!

4

2 に答える 2

2

最初にこのライブデモをご覧ください - http://jsfiddle.net/im4aLL/yjdZf/1/

デモに jQuery を使用 -

function countdown(){
    today = new Date();
    BigDay = new Date("2013-06-2");
    msPerDay = 24 * 60 * 60 * 1000 ;
    timeLeft = (BigDay.getTime() - today.getTime());
    e_daysLeft = timeLeft / msPerDay;
    daysLeft = Math.floor(e_daysLeft);
    e_hrsLeft = (e_daysLeft - daysLeft)*24;
    hrsLeft = Math.floor(e_hrsLeft);
    minsLeft = Math.floor((e_hrsLeft - hrsLeft)*60);
    $('#countdown').html("<ul><li><small>" + daysLeft + "</small><span>Days</span></li><li><small>" + hrsLeft +"</small><span>Hours</span></li><li><small>" + minsLeft + "</small><span>Minutes</span></li></ul>");
}

setInterval(countdown, 1000);

HTML:

<div id="countdown"></div>

さて、カウントダウン機能の変更

BigDay = new Date("2013-06-2");

に

BigDay = new Date($your_date);

これがお役に立てば幸いです。

アップデート

2番目のカウントダウンも必要な場合は、これを参照してください- http://jsfiddle.net/im4aLL/yjdZf/2/

于 2013-05-29T08:23:21.300 に答える