显示多个计时器PHP + Javascript

时间:2017-10-16 22:35:23

标签: javascript php

我正在努力让多个计时器在Javascript中运行,其中包含用户数据和从PHP + MySQL实例中提取的剩余时间

目前我有以下PHP代码:

<?php
$now = strtotime("now");
$allArrested = $conn->query("SELECT `user_id` FROM `user_jail` WHERE `jail_stop` > '$now'") or die(mysqli_error($conn));
if($allArrested->num_rows > 0){
    while($arrested = $allArrested->fetch_assoc()){
        foreach($arrested as $jailTime){
            $checkTime = $conn->query("SELECT `jail_stop` FROM `user_jail` WHERE `user_id` = '$jailTime'") or die(mysqli_error($conn));
            while($letsTime = $checkTime->fetch_assoc()){
                $x = $letsTime['jail_stop'];
                $letGo = $x - $now;                     
                foreach($arrested as $convict){
                    echo "<div>".usernameById($convict)." for <span class=\"time\">".$letGo."</span></div>";
                }
            }
        }
    }
}
?>

以下javascript:

<script>
function startTimer(duration, display) {
    var timer = duration, minutes, seconds;
    setInterval(function () {
        minutes = parseInt(timer / 60, 10)
        seconds = parseInt(timer % 60, 10);
        minutes = minutes < 10 ? "0" + minutes : minutes;
        seconds = seconds < 10 ? "0" + seconds : seconds;
        display.textContent = minutes + ":" + seconds;
        if (--timer < 0) {
            timer = 0;
            display.textContent = "";
        }
    }, 1000);
}

window.onload = function () {
    var fiveMinutes = <?php echo $letGo; ?>,
    display = document.querySelector('.time');
    startTimer(fiveMinutes, display);
};
</script>

出于测试目的,我有4个不同的用户名。目前只有第一个倒计时。

其他3个用户计数器保持90秒(变量$ letGo)。 有人能帮我这个吗?

0 个答案:

没有答案