javascript - 倒数计时器达到 0 后添加 "0"

标签 javascript jquery if-statement

所以基本上我想做的是让我的倒计时器在达到“10”以下时添加“0”。到目前为止,我已经尝试了 if 语句(在下面的代码中),但它不起作用。这是我的完整代码:

CountDownTimer('01/1/2017 12:0 AM', 'countdown');
  CountDownTimer('01/1/2017 12:0 AM', 'newcountdown');

  function CountDownTimer(dt, id)
  {
      var end = new Date(dt);
      var _second = 1000;
      var _minute = _second * 60;
      var _hour = _minute * 60;
      var _day = _hour * 24;
      var timer;

      function showRemaining() {
          var now = new Date();
          var distance = end - now;
          if (distance < 0) {
              clearInterval(timer);
              document.getElementById(id).innerHTML = 'EXPIRED!';
              return;
          }
          var days = Math.floor(distance / _day);
          var hours = Math.floor((distance % _day) / _hour);
          var minutes = Math.floor((distance % _hour) / _minute);
          var seconds = Math.floor((distance % _minute) / _second);

          // THIS IS THE "IF" STATEMENT THAT DID NOT WORK, EVERYTHING ELSE IS WORKING
          if (seconds < 10) {
            document.getElementById(id).innerHTML += '0' + seconds + '.';
          }

          document.getElementById(id).innerHTML = days + '.&nbsp;&nbsp;&nbsp;';
          document.getElementById(id).innerHTML += hours + '.&nbsp;&nbsp;&nbsp;';
          document.getElementById(id).innerHTML += minutes + '.&nbsp;&nbsp;&nbsp;';
          document.getElementById(id).innerHTML += seconds + '.';
      }

      timer = setInterval(showRemaining, 1000);
  }

最佳答案

这应该可以做到:

      // THIS IS THE "IF" STATEMENT....
      if (seconds < 10) {
        seconds = "0"+ seconds;
      }

构建输出使用:

      document.getElementById(id).innerHTML = days + '.&nbsp;&nbsp;&nbsp;'+
            hours + '.&nbsp;&nbsp;&nbsp;'+
            minutes + '.&nbsp;&nbsp;&nbsp;'+
            seconds + '.';

此外,您的到期时间应为 <=0不在<0

关于javascript - 倒数计时器达到 0 后添加 "0",我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/39113006/

相关文章:

javascript - 通过自动化操作调用 Ember.js Controller 函数

javascript - 在我的本地硬盘上将 dygraph 图表保存为 jpg 图像

javascript - 单击按钮触发灯箱功能 jQuery

javascript - 将实例变量传递给 js.erb 文件 (Rails 3/jQuery)

替换R中的行值序列

java - 避免嵌套 If Else/Switch - Java

php - 在 PHP 中执行 javascript

javascript - 如何播放不带扩展名 video.js 的流 URL

javascript - 将 spin.js 微调器插入到 div 中?

javascript - IE 条件检查