Question

我正在使用HTML静态页面作为我的网站索引，我想设置Keith-wood倒计时。它有一些默认值，我无法找到（？）它们，这是index.html中的代码：

<div id="container-counter">
  <div id="defaultCountdown"></div>
</div>

我在哪里可以更改默认var？

中的目标日期

- 编辑：由于无法找到默认值，这意味着设置代码不可见，可能不包括在内：

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<link rel="stylesheet" type="text/css" href="css/jquery.countdown.css"> 
<script type="text/javascript" src="js/jquery.plugin.js"></script> 
<script type="text/javascript" src="js/jquery.countdown.js"></script>

来自http://keith-wood.name/countdown.html的此插件的默认JS示例如下：

var newYear = new Date(); 
newYear = new Date(newYear.getFullYear() + 1, 1 - 1, 1); 
$('#defaultCountdown').countdown({until: newYear});

所有这一切都已到位，现在可以回答这个问题：

在哪里可以更改默认var中的目标日期？

Answer 1

快速浏览后，Keith-wood倒计时的工作原理如下（他们提供的示例代码与您的代码一起使用）：

newYear = new Date(); 
var newYear = new Date(newYear.getFullYear() + 1, 1 - 1, 1); 
$('#defaultCountdown').countdown({until: newYear});

如果我理解你的问题，那么你只需要更改第2行的代码：

newYear = new Date(newYear.getFullYear() + 1, 1 - 1, 1);

因为这会将newYear变量设置为您想要倒计时的日期。因此，要根据您的问题设置日期，您只需在该行上正确设置新Date的JS构造函数：

new Date(year, month, day, hours, minutes, seconds, milliseconds)

因此，如果您在2014年12月15日上午10点开始计时，那么您只需将其设置为：

new Date(2014, 12, 15, 10, 0, 0, 0)

如果您想了解更多关于基本设置的信息，不仅要更改日期，您还可以在keith-wood的网站上找到here。

希望有所帮助！

在静态HTML页面上设置keith-wood CountDown

1 个答案: