countdown.js将它设置为正午

时间：2015-06-15 10:06:11

标签： javascript timer amazon countdown countdowntimer

我最近发现了这个（countdown.js）漂亮的剧本。但它没有记录。所以我在尝试理解它的算法时遇到了很大的困难。

我的目标 我试图设置一个计数器，就像亚马逊用于交付时间的计数器一样。

所以它应该倒计时直到中午，并在中午重置自己的下一个中午。显然它也改变了像亚马逊一样的文字。

实施例

6月15日上午8点;计时器应该是这样的：

  

明天6月16日想要吗？在4小时内订购0分钟并选择   结帐时一天发货。

6月15日下午1点;计时器应该是这样的：

  

想要在6月17日？在23小时内订购0分钟并选择一天   结账时发货。

我希望我足够清楚。提前谢谢。

以下是我从网站上获取的一个示例，但它在午夜结束：

＆＃13;
＆＃13; 
<html>

<head>
</head>

<body>
  <h4 id="midnight-countdown"></h4>

  <script src="https://smalldo.gs/js/countdown.min.js"></script>
  <script>
    var clock1 = document.getElementById("midnight-countdown"),
      tdy = new Date();
    clock1.innerHTML = countdown(new Date(tdy.getFullYear(), tdy.getMonth(), tdy.getDate() + 1)).toString();
    setInterval(function() {
      clock1.innerHTML = countdown(new Date(tdy.getFullYear(), tdy.getMonth(), tdy.getDate() + 1)).toString();
    }, 1000);
  </script>
</body>

</html>
＆＃13;
＆＃13;
＆＃13;

1 个答案:

答案 0 :(得分：0)

请包括你的全职！不只是约会。这里的语法：

var timespan = countdown(start|callback, end|callback, units, max, digits);

在您的代码中：

＆＃13;
＆＃13; 
<h4 id="midnight-countdown"></h4>
</blockquote>
<p>Here is how to do a custom live countdown on your page using pure javascript (no jQuery needed).</p>
<script src="https://smalldo.gs/js/countdown.min.js"></script>
<script>
  var clock1 = document.getElementById("midnight-countdown")
  , tdy = new Date();
  clock1.innerHTML = countdown(new Date(tdy.getFullYear(), tdy.getMonth(), tdy.getDate() + 1, tdy.getHours(), tdy.getMinutes()) ).toString();
  setInterval(function(){
    clock1.innerHTML = countdown(new Date(tdy.getFullYear(), tdy.getMonth(), tdy.getDate() + 1, tdy.getHours(), tdy.getMinutes()) ).toString();
  }, 1000);
</script>
＆＃13;
＆＃13;
＆＃13;

相关问题
最新问题