javascript - 我想设置一个倒计时时间并保持截止日期减少 php

Question

抱歉，我无法正确表达问题。

基本上我需要做的就是这个。

应该有一个显示倒计时器的 php 页面。假设管理员现在将其设置为 24 小时并启动。谁访问过该页面，它就会显示剩余的截止时间。例如，如果用户现在访问，则剩余 24 小时，如果 2 小时后用户访问，则应显示剩余 22 小时。谢谢。 (任何人都可以编辑它以使其易于理解)。

我希望它不断更新。

Answer 1

$rem = strtotime('2016-06-21 20:00:00') - time(); // change date and time to suit.
$day = floor($rem / 86400);
$hr  = floor(($rem % 86400) / 3600);
$min = floor(($rem % 3600) / 60);
$sec = ($rem % 60);
if($day) echo $day. "Days left<br>";
if($hr) echo $hr. "Hours left<br>";
if($min) echo $min. "Minutes left<br>";
if($sec) echo $sec. "Seconds left";

在 javascript 中，这将是:https://jsfiddle.net/z4avs7Lx/

HTML:

<div id="countdown"></div>

Javascript:

var end = new Date('06/24/2016 11:00 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('countdown').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('countdown').innerHTML = days + 'days ';
    document.getElementById('countdown').innerHTML += hours + 'hrs ';
    document.getElementById('countdown').innerHTML += minutes + 'mins ';
    document.getElementById('countdown').innerHTML += seconds + 'secs';
}

timer = setInterval(showRemaining, 100