0

我正在尝试使用 Keith Wood 的基本 .js 倒数计时器，但在尝试调整布局时遇到了麻烦。因为我无法检查元素（每次我检查它时它都会重新加载并消失，所以我无法确定需要调整哪些 CSS）。

我希望它输出为：XX 天 XX 小时 XX 分钟

我尝试在脚本中添加布局代码，但它什么也没做。

<script type="text/javascript">
$(function () {
  var austDay = new Date();
  austDay = new Date(austDay.getFullYear() + 1, 1 - 1, 26);
  $('#defaultCountdown').countdown({until: austDay});
  $('#year').text(austDay.getFullYear());
  $('#textLayout').countdown({until: liftoffTime, 
    layout: '{sn} {sl}, {mn} {ml}, {hn} {hl}, and {dn} {dl}'});
});
</script>

这部分显然应该让它像我想要的那样输出，但它没有

$('#textLayout').countdown({until: liftoffTime, 
        layout: '{sn} {sl}, {mn} {ml}, {hn} {hl}, and {dn} {dl}'});
    });

这是现场网站：用户名是管理员密码是gogogo

http://www.francesca-design.me/fyp/

4

2 回答 2

0

您需要定义“liftoffTime”。

缺失代码示例：

<script>
var liftoffTime = new Date();
liftoffTime.setDate(liftoffTime.getDate() + 5); /* 5 days countdown */
</script>

*我认为在你的情况下你需要用“austDay”替换“liftoffTime”（因为你已经定义了austDay）

于 2014-06-23T09:56:19.160 回答
-1 
<div id="defaultCountdown" class="hasCountdown">
<span class="countdown_row  countdown_show4">
<span class="countdown_section">
<span class="countdown_amount">366</span><br>Days</span>
<span class="countdown_section">
<span class="countdown_amount">6</span><br>Hours</span>
<span class="countdown_section">
<span class="countdown_amount">57</span><br>Minutes</span>
<span class="countdown_section">
<span class="countdown_amount">39</span><br>Seconds</span>
</span>
</div>

给你！

如果您遇到此问题（并假设您使用的是 google chrome），您要做的就是右键单击 -> 检查

然后获取父容器并右键单击->复制为HTML，然后粘贴到编辑器中

编辑

要解决您的代码给出错误的输出（而不是 CSS 布局部分 -

 layout: '{mn} {ml}, {hn} {hl}, and {dn} {dl}'

只需删除

 {sn} {sl}
于 2014-01-24T17:04:34.330 回答