【问题标题】:countdown.js setting it to middaycountdown.js 将其设置为中午
【发布时间】:2015-06-15 10:06:11
【问题描述】:

我最近发现了这个 (countdown.js) 漂亮的脚本。但它没有记录。所以我很难理解它的算法。

我的目标 我正在尝试设置一个计数器,就像亚马逊用于剩余交货时间的计数器一样。

所以它应该倒计时到中午,并在中午重新设置为下一个中午。显然它也改变了显示的文本,就像亚马逊一样。

示例

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

想要明天,6 月 16 日吗? 4小时0分钟内下单并选择 结帐时一日送货。

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

想要在 6 月 17 日发布吗? 23小时0分钟内下单,选择一日 结帐时发货。

我希望我已经足够清楚了。提前谢谢你。

这是我从一个网站上截取的一个例子,但它在午夜结束:

<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>

【问题讨论】:

  • 您使用的是哪个插件?好的,明白了!

标签: javascript timer amazon countdown countdowntimer


【解决方案1】:

请包括您的全职工作!不仅仅是日期。这里的语法:

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

在您的代码中:

<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>

【讨论】:

  • 你能给我举个例子吗?我是 Javascript 新手
  • @Abdulzeedo 我已经在我的回答中给出了这个例子,你没看到吗? ;)
  • 它显示了 23 小时 59 分钟,这里的时间是下午 12:24。那么要显示的文本呢?
  • 好的,你至少明白我的主要问题了吗?
  • @Abdulzeedo 是的,但不是!
猜你喜欢
  • 1970-01-01
  • 2014-08-26
  • 2014-11-29
  • 1970-01-01
  • 1970-01-01
  • 2012-01-26
  • 1970-01-01
  • 1970-01-01
  • 2014-03-16
相关资源
最近更新 更多