计时器布局 - 基思·伍德

Question

我正在尝试使用基思·伍德（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-designed.me/fyp/

Answer 1

您需要的是定义" liftofftime"。

缺少代码的示例：

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

*我认为，在您的情况下，您需要用" Austday"替换" Liftofftime"（因为您已经定义了Austday）

Answer 2

<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）是righ -click-> Inspect

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

编辑

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

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

只需删除

 {sn} {sl}