Question

我正在尝试学习javascript，并在此处查看添加倒计时 http://keith-wood.name/countdown.html#relative（直到300秒的时间示例）我现在正在尝试几个小时 - 仍然没有让它工作。

在这里创建了jsfiddle http://jsfiddle.net/lakshmipathi/5gYtZ/1/

css文件

<link rel="stylesheet" type="text/css" href="http://giis.co.in/jsfiles/jquery.countdown.css">

js file

<script type="text/javascript"  src="jquery.min.js"> </script>
<script type="text/javascript" src="jquery.plugin.js"> </script>
<script type="text/javascript" src="jquery.countdown.js"> </script>
// Fires once
$(document).ready(function(){
  $('#timer').countdown({until: +300, format: 'dHMS'});
});

html文件

<div id="timer"> </div>

感谢您的帮助！

在解决Rory McCrossan提出的问题后，倒计时工作正常。 http://jsfiddle.net/5gYtZ/4/

关于它的最后一个问题，如何减少输出的长度？

Answer 1

关于它的最后一个问题，如何减少输出的长度？

如果我已经明白你的意思，那是因为#timer的内容是浮动的。您需要创建元素overflow: hidden，以便正确计算其边界：

#timer {
    overflow: hidden;
}

Updated Fiddle

jquery countdown.js相对例子

1 个答案: