在 php 代码中实现倒计时 js 倒计时
Implementing countdown js count down inside php code
我完成了用于限制登录的 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*/ );
相关文章:
- 我需要JS/jQuery中的倒计时计时器
- 在 php 代码中实现倒计时 js 倒计时
- 如何为PHP/JS游戏制作倒计时/定时器
- Knockout js如何实现倒计时
- 如何制作倒数计时器到jquery或js与倒计时时间(H:i:s)
- 尝试在一个页面上有两个JS倒计时
- JS倒计时代码
- 一个页面上有多个倒计时(js / jQuery)
- 倒计时时钟 (JS)
- 网站倒计时 js.
- JS倒计时清除文本文件
- 如何在JS/PHP的Microtime中从服务器时间倒计时到最接近的半小时
- 使用angular js进行时间倒计时
- js倒计时打破了我的angularjs代码
- JS倒计时是任何一个月的31号
- 如何在angular js中显示倒计时
- Vue.JS倒计时不工作
- Angular.js倒计时定时器不滴答
- 倒计时定时器使用Moment js
- 简单的JS倒计时与重复和延迟