countdown.js將其設置為中午

Question

我最近發現了這個（countdown.js）漂亮的腳本。 但這沒有記錄。 因此，在嘗試理解其算法方面我遇到了巨大的困難。

我的目標我正在嘗試設置一個計數器，就像亞馬遜用於剩余交貨時間的計數器一樣。

因此，它應該倒數到中午，然后在中午重置為下一個中午。 顯然，它也改變了顯示的文字，就像亞馬遜一樣。

例

6月15日，上午8:00； 計時器應該是這樣的：

想要明天6月16日嗎？ 在4小時0分鍾內訂購，並在結帳時選擇一日運送。

6月15日，下午1:00； 計時器應該是這樣的：

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

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

countdown.js將其設置為中午

問題描述

例

1 個解決方案

解決方案1
0 2015-06-15 10:13:32

countdown.js將其設置為中午

問題描述

例

1 個解決方案

解決方案1 0 2015-06-15 10:13:32

解決方案1
0 2015-06-15 10:13:32