Question

我有此代码：

$(document).ready(function() {
    $('.clocker').countdown("2018-09-30 01:00:00", function(event) {
      var totalHours = event.offset.totalDays * 24 + event.offset.hours;


      $(this).html(event.strftime(totalHours + ' hr %M min %S sec'));
      var czas = event.strftime(totalHours + 'H|%M|%S');
      var result = czas.split('|');
      $(this).html(czas);  

      var godziny = result['0'];
      var minuty = result['1'];
      var sekundy = result['2'];

      godziny = godziny.replace("H", "");
      godziny = godziny.replace("h", "");

      $('.modata1').html(godziny[0]);
      $('.modata2').html(godziny[1]);
      $('.modata3').html(minuty[0]);
      $('.modata4').html(minuty[1]);
      $('.modata5').html(sekundy[0]);
      $('.modata6').html(sekundy[1]);
    });
  });

倒数从所选日期和时间倒数。我从站点下载了脚本： http://hilios.github.io/jQuery.countdown/

问题是它严重地倒计时了小时/分钟/秒。

该脚本最终会分解页面上单元格上的日期并递减计数。这样算是正确的，但是我对计算的日期有疑问。

该脚本向我显示了24h：xx：xx-此刻肯定还有更多。

有人知道如何解决吗？

Answer 1

我添加了2个div，modata13和modata14（我不想弄乱其他类，所以我只想再加上10个数字）来弥补您未显示的缺失区块

<div class="box2_promocja_godzina_prezentacja">
    <div class="godzina_all">
        <div class="godzina_precentacja modata1">0</div>
        <div class="godzina_precentacja modata2">0</div>
        <div class="godzina_precentacja modata13">0</div>
        <div class="godzina_precentacja modata14">0</div>
        <div class="godzina_dwukropek_prezentacja">:</div>
        <div class="godzina_napis">hours</div>
    </div>
    <div class="minuta_all">
        <div class="godzina_precentacja  modata3">0</div>
        <div class="godzina_precentacja  modata4">0</div>
        <div class="godzina_dwukropek_prezentacja">:</div>
        <div class="godzina_napis">min</div>
    </div>
    <div class="sekunda_all">
        <div class="godzina_precentacja modata5">0</div>
        <div class="godzina_precentacja modata6">0</div>
        <div class="godzina_dwukropek1_prezentacja">:</div>
        <div class="godzina_napis">sec</div>
    </div>
</div>


<div class="clocker"></div>

然后在您的JS代码中添加2行

$('.clocker').countdown("2018-09-30 01:00:00", function(event) {
      var totalHours = event.offset.totalDays * 24 + event.offset.hours;


      $(this).html(event.strftime(totalHours + ' hr %M min %S sec'));
      var czas = event.strftime(totalHours + 'H|%M|%S');
      var result = czas.split('|');
      $(this).html(czas);  

      var godziny = result['0'];
      var minuty = result['1'];
      var sekundy = result['2'];

      godziny = godziny.replace("H", "");
      godziny = godziny.replace("h", "");

      $('.modata1').html(godziny[0]);
      $('.modata2').html(godziny[1]);
      $('.modata13').html(godziny[2]);
      $('.modata14').html(godziny[3]);

      $('.modata3').html(minuty[0]);
      $('.modata4').html(minuty[1]);
      $('.modata5').html(sekundy[0]);
      $('.modata6').html(sekundy[1]);
    });

尝试一下

日期无法使用jquery.countdown倒数

1 个答案: