如何设置倒计时器,其开始日期为结束日期?

时间:2015-05-15 19:35:00

标签: jquery date datetime countdown countdowntimer

我正在使用countdown plugin,但我想创建一个未来的倒计时开始日期>结束日期。例如,如果现在[2015/05/16 00:00:00]我想创建开始日期[2015/06/16 00:00:00]到结束日期[2015/07/16 00:00:00]以显示div内容并隐藏其他div在开始日期之前和结束日期之后的内容。

还搜索了另一个插件:

  1. https://github.com/Reflejo/jquery-countdown
  2. http://keith-wood.name/countdown.html
  3. http://rendro.github.io/countdown/
  4. https://github.com/tomgrohl/jCountdown

1 个答案:

答案 0 :(得分:0)

此代码仅在实际日期在开始日期和结束日期之间开始倒计时,并且将适用于jQuery倒计时。

<div id="element"></div>
<script type="text/javascript">
    var startdate = "2015/06/16",
        enddate = "2015/07/16";
    if(new Date() >= new Date(startdate) && new Date() <= new Date(enddate)) {
        $("#element")
        .countdown(enddate, function(event) {
            $(this).text(
                event.strftime('%D days %H:%M:%S')
            );
        });
    }
</script>