在 php 代码中实现倒计时 js 倒计时 - Implementing countdown js count down inside php code

Implementing countdown js count down inside php code

本文关键字：倒计时 js 实现 php 代码 | 更新日期: 2023-09-27

我完成了用于限制登录的 php 代码，但是现在我想使用简单的 js 或 jquery 代码从 php 获取节流倒计时时间并进行实时倒计时。

我应该把js脚本放在php文件中吗？还是html文件？如果是这样，我应该如何编辑我的代码才能工作？

到目前为止，我已经将span id计时器放入php中，现在显示计时器，但是我再次没有得到php实时计时器

我的 php 代码：

<?php
include('database.php');
function get_multiple_rows($getfailed) {
    $rows = array();
    while($row = $getfailed->fetch_assoc()) {
        $rows[] = $row;
    }
    return $rows;
}
$throttle = array(1 => 1, 5 => 2, 10 => 30);
$getfailedq = "SELECT MAX(attempted) AS attempted FROM failed_logins";    
if ($getfailed = $mySQL->query($getfailedq)) {
    $rows = get_multiple_rows($getfailed);
    $getfailed->free();
    $latest_attempt = (int) date('U', strtotime($rows[0]['attempted'])); 
    $getfailedq = "SELECT COUNT(1) AS failed FROM failed_logins WHERE attempted > DATE_SUB(NOW(), INTERVAL 15 minute)";   
    if ($getfailed = $mySQL->query($getfailedq)) {
        $rows = get_multiple_rows($getfailed);
        $getfailed->free();
        $failed_attempts = (int) $rows[0]['failed'];
        krsort($throttle);
        foreach ($throttle as $attempts => $delay) {
            if ($failed_attempts > $attempts) {
                $remaining_delay = (time() - $latest_attempt) - $delay;
                if ($remaining_delay < 0) {echo '<span id="timer">' . abs($remaining_delay) . '</span>';}                
                break;
            }
        }        
    }
}
?>

我的js：

<script>
var count=30;
var counter=setInterval(timer, 1000); //1000 will  run it every 1 second
function timer(){
    count=count-1;
    if (count <= 0){
        clearInterval(counter);
        return;
    }
    document.getElementById("timer").innerHTML=count + " secs"; // watch for spelling
}
</script>

你可以用一个PHP变量初始化你的JS变量，如下所示：

var counter = <?php echo $counter; ?>;

并在 JS 中创建计数器。

编辑#1：
初始化变量后，您需要对其进行计数。

var counter = <?php echo $counter; ?>;  
setInterval(function () {
    console.log(counter);
    counter--;
}, 1000 /*ms*/ );