javascript - 倒计时到多个时刻，如何？

Question

我正在为举办圣诞灯展的邻居创建一个网站。

该节目每年从 12 月 6 日至 1 月 1 日每晚举行两次:晚上 6 点 30 分和晚上 8 点。

我们想在网站上添加一个倒计时，上面写着:

next show: 00:00:00 (hh:mm:ss)

但是我该怎么做。当我在网上搜索它时，每个人都说我必须使用 API 进行倒计时。

但是他们只用一个日期来倒数，所以我想我必须自己用 JavaScript 写一个。

有人可以帮忙吗？

我想我必须使用许多 if/else 语句，以“是 1 月、12 月还是其他月份？”开头，然后是“还没有18.30 了吗？” (我想要 24 小时)和“已经 20.00 了吗”等等。

但有没有更好的方法，因为这对我来说似乎工作量很大。

Answer 1

JavaScript 有一个内置的日期对象，可以减少处理日期和时间的手动操作:

• > MDN documentation for JavaScript's date object

如果您不向其构造函数提供任何参数，它将为您提供当前日期(根据最终用户的计算机):

var now = new Date();

您可以通过提供年、月(从一月开始为零索引)、日以及可选的小时、分钟和秒来将其设置为特定日期:

var now = new Date();
var first_show = new Date(now.getFullYear(), 11, 6, 18, 30);

您可以对这些日期对象使用大于和小于比较来检查一个日期是在另一个日期之后还是之前:

var now = new Date();
var first_show = new Date(now.getFullYear(), 11, 6, 18, 30);
alert(now < first_show);// Alerts true (at date of writing)

所以，你可以:

1. 为当前日期创建日期对象，并为今年的每个节目(以及明年 1 月 1 日的节目)
2. 按时间顺序循环放映日期，并且
3. 使用第一个大于当前日期的日期作为倒计时的基础。

注意:您应该在服务器端使用某些东西来设置具有准确参数的now，而不是仅仅依赖于new Date()，因为如果最终用户的计算机设置错误的时间，它会给出错误的结果。