首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >不使用jquery.countdown计数的日期

不使用jquery.countdown计数的日期
EN

Stack Overflow用户
提问于 2018-06-19 19:01:14
回答 1查看 192关注 0票数 0

我有这样的代码:

代码语言:javascript
复制
$(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/

问题是它把小时/分钟/秒记得很差。

该脚本最终将页面上单元格上的日期分解并进行计数。计数是正确的工作,但我有一个问题的计算日期。

脚本向我展示了24小时的时间: xx: xx --现在肯定会有更多的。

有人知道怎么修吗?

EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2018-06-19 21:48:00

我添加了2个div,modata13和modata14 (我不想和其他类混在一起,所以我只是在数字上再加10个),因为你丢失的块没有显示

代码语言:javascript
复制
<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>

然后将2行添加到JS代码中。

代码语言:javascript
复制
$('.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]);
    });

试试这个

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/50935304

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档