使用 moment.js 倒计时到特定的日期和小时

Question

我正在使用 moment.js 来提供世界各地特定地点的时间和日期。 现在我想要一个倒数计时器，它总是倒计时到下一个星期一和那个星期一的特定小时。

我已经看到了一些接近的解决方案（但没有雪茄），但这些解决方案通常有一个特定的日期。

我只希望它在特定时间对下一个即将到来的星期一进行每小时倒计时。 例如，输出可以是“开放时间：2 天，6 小时”，这将来自我从 moment.js 已有的当前本地时间。

Answer 1

您可以使用最新的 moment.js fromNow函数。

以下是开放日期为下周一 10:00 的示例

var openingDate = moment().day(1).hour(10).minute(0).second(0);
var fromNow = openingDate.fromNow();
console.log(fromNow);

将in 19 hours输出

Answer 2

你可以使用我个人使用的这段代码。 您可以根据需要更改秒数，例如当天 12960000 秒

 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <script src="https://momentjs.com/downloads/moment.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script> <div class="countdown"></div> <title>Static Template</title> </head> <body> <script> var countDownDate = moment().add(12960000, 'seconds'); var x = setInterval(function() { diff = countDownDate.diff(moment()); if (diff <= 0) { clearInterval(x); // If the count down is finished, write some text $('.countdown').text("EXPIRED"); } else $('.countdown').text(moment.utc(diff).format("HH:mm:ss")); }, 1000); </script> </body> </html>

enter code here

使用 moment.js 倒计时到特定的日期和小时

问题描述

2 个解决方案

解决方案1
1 已采纳 2019-07-21 12:47:04

解决方案2
1 2019-07-21 12:50:05

使用 moment.js 倒计时到特定的日期和小时

问题描述

2 个解决方案

解决方案1 1 已采纳 2019-07-21 12:47:04

解决方案2 1 2019-07-21 12:50:05

解决方案1
1 已采纳 2019-07-21 12:47:04

解决方案2
1 2019-07-21 12:50:05