倒计时不断变化

时间:2015-02-25 21:43:55

标签: javascript php jquery countdown countdowntimer

是的,基本上我有一个倒数计时器,它不能完全按照它在锡上所说的那样做。

PHP输出正确,但一旦在Javascript中回显,日期就会不断变化。

我将加载页面,它会显示一个ETA,我会刷新,它可以向前跳一小时或跳回几个小时?

我只需要计时器倒计时到2015年3月20日。

PHP代码

<?php 
  $futureDate = '2015-03-20';
  $d = new DateTime($futureDate);
?>

Javascript

    $('#counter').countdown({

        timestamp : (new Date()).getTime() + <?php echo $d->diff(new DateTime())->format('%a*%h*%i*%s*1000'); ?> 
});

这是一个实时预览

Preview

拜托,有人帮助lol

2 个答案:

答案 0 :(得分:0)

你可以在javascript中使用这样的东西

how to countdown to a date

var end = new Date('03/20/2015 0:0 AM');

var _second = 1000;
var _minute = _second * 60;
var _hour = _minute * 60;
var _day = _hour * 24;
var timer;

function showRemaining() {
    var now = new Date();
    var distance = end - now;
    if (distance < 0) {

        clearInterval(timer);
        document.getElementById('counter').innerHTML = 'EXPIRED!';

        return;
    }
    var days = Math.floor(distance / _day);
    var hours = Math.floor((distance % _day) / _hour);
    var minutes = Math.floor((distance % _hour) / _minute);
    var seconds = Math.floor((distance % _minute) / _second);

    document.getElementById('counter').innerHTML = days + 'days ';
    document.getElementById('counter').innerHTML += hours + 'hrs ';
    document.getElementById('counter').innerHTML += minutes + 'mins ';
    document.getElementById('counter').innerHTML += seconds + 'secs';
}

timer = setInterval(showRemaining, 1000);

答案 1 :(得分:0)

替换你的javascript
$('#counter').countdown({
        timestamp : new Date('2015/03/20') 
});

因为现在你过度复杂了 - 你只需要将倒计时的日期设置为你希望它完成的时间。