我正在尝试使用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
答案 0 :(得分:0)
您需要的是定义“liftoffTime”。
缺少代码的示例:
<script>
var liftoffTime = new Date();
liftoffTime.setDate(liftoffTime.getDate() + 5); /* 5 days countdown */
</script>
*我认为在您的情况下您需要将“liftoffTime”替换为“austDay”(因为您定义了austDay)
答案 1 :(得分:-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>
你去吧!
如果你遇到这个问题(假设你使用的是谷歌浏览器),你所做的就是直接点击 - &gt;检查
然后获取父容器并右键单击 - &gt;复制为HTML,然后粘贴到编辑器
修改强>
解决输出错误的代码(而不是CSS布局部分 -
layout: '{mn} {ml}, {hn} {hl}, and {dn} {dl}'
只需删除
即可 {sn} {sl}