从当前时间戳倒计时

时间:2014-07-18 18:44:37

标签: jquery timestamp countdown unix-timestamp

这是我正在使用的插件: https://github.com/PragmaticMates/jquery-final-countdown

从当前时间算起来,我似乎无法让它工作。我已经尝试了各种各样的东西,并把我现在所拥有的东西放在一个jsfiddle中。

http://jsfiddle.net/michelenarup/f3XX8/4/

   $(document).ready(function() {



    $('.countdown').final_countdown({
            'start': 1405707997,
            'end': 1405814400,
            'now': new Date().getTime()
            //'now': 1405707997
    }, function() {
            // Finish Callback
    });
   });

我尝试使用其他方法调用当前的unix时间戳: http://jsfiddle.net/michelenarup/6Dw7Q/10/

   var time = Date.now || function() {
       return +new Date;
   };

   $('#timestamp').html( time() );

但是当我尝试在Final-Countdown中包含那个或者已经生成的unix时间戳之外的任何内容时,它会破坏脚本。这个倒计时需要从现在到倒计时。如何在这个插件中实现这一点?

1 个答案:

答案 0 :(得分:0)

在此插件中,您需要将start时间以及now时间设置为当前时间。然后将end时间设置为将来的某个时间。

因此,在此示例中,倒计时将从当前时间到现在的一小时:

// This is just used to add hours to the current time in the example below
Date.prototype.addHours= function(h){
    this.setHours(this.getHours()+h);
    return this;
}

$(document).ready(function() {

        var currentTime = new Date();
        var futureTime = (new Date()).addHours(1);

        $('.countdown').final_countdown({
                'start': currentTime.getTime(),
                'end': futureTime.getTime(),
                'now': currentTime.getTime()
        }, function() {
                // Finish Callback
        });
});