1

XX Days XX:XX:XX にフォーマットされた php 変数から、span タグの html を置き換える jquery でカウントダウン タイマーを作成する必要があります。ページの読み込み時に変数を読み込む必要があり、jquery スクリプトが読み込むとカウントダウンが開始されますが、同じ形式 (XX 日 XX:XX:XX) が維持され、最終的に「期限切れ」が表示されてカウントダウンが停止します。

jsFiddle を開始しました ( http://jsfiddle.net/2SDdh/1/ ) が、フォーマットされた時間が表示され、10 秒のカウントダウンが読み込まれ、最終的に「期限切れ」が表示されます。フォーマットを正しくする方法を知っている人はいますか？

PHP経由のHTML出力

<span class="exp">10 Days 10:10:10</span>

私のjQuery

$(function(){
  var count = 10;
  countdown = setInterval(function(){
    if (count > 0) {
      count--;
      $(".exp").html(count);
    } else {
      $(".exp").html('Expired');
    }
  }, 1000);
});
4

2 に答える 2

0

これを試して

html:

<span class="days">10</span> Days <br />
<span class="exp">23:59:59</span>​

JavaScript :

 $(function(){
    var days = 10;
    var count = 86399;
    var count2 = 0;
    var hour = 0;
    var min = 0;
    var sec = 0;

    countdown = setInterval(function() {
        if (days != 0 || count != 0) {
            if (count == 0) {
                days--;
                count = 86399;
            } else {
                count--;
            }
            count2 = count;
            hour = Math.floor(count2 / 3600);
            count2 = count2 % 3600;
            min = Math.floor(count2 / 60);
            count2 = count2 % 60;
            sec = count2;

            $(".exp").html(hour + ":" + min + ":" + sec);
            $(".days").html(days);
        } else {
            $(".exp").html('Expired');
        }
    }, 1000);
});​

乾杯！

于 2012-10-31T10:23:32.963 に答える
0

独自のカウントダウン タイマーを回す代わりに、既存のものを使用してみませんか? . KKカウントダウンは私にとってはうまく機能します。

于 2012-10-30T21:27:04.987 に答える