我使用jQuery计数器将数字从一个固定数字移动到另一个固定数字。但我想创建一个以MySQL数据库结尾的计数器,并且每次都使用get函数进行更新。
HTML和JS代码:
$(document).ready(function()
{
function RefreshCounter()
{
$.get("includes/counter.php", function(upd)
{
$(".counter").attr("data-stop", upd);
$(".counter").attr("data-format", upd);
});
$(".counter").counter();
}
RefreshCounter();
setInterval(function(){RefreshCounter()}, 5000);
});
<p id="counter">
<span class="counter counter-analog" data-direction="up" data-interval="1000" data-format="<?php echo $countCalcul; ?>" data-stop="<?php echo $countCalcul; ?>"><?php echo $countCalcul; ?></span>
</p>
<?php
// PHP Code Working 100%
require("bd.php");
$req = $bdd->query('SELECT SUM(nb_calcul) AS countCalcul FROM visiteurs');
$donnees = $req->fetch();
$countCalcul = $donnees['countCalcul'];
$req->closeCursor();
echo $countCalcul;
?>
问题是,当计数器到达“数据停止”结束时,它会从控制台消息的0处重新开始:
counter.js:47未捕获的TypeError:无法在e(jquery-3.1.1.min)的HTMLSpanElement.tick(counter.js:32)的refresh(counter.js:47)处读取undefined的属性'value'。 JS:2)
抱歉我的英语不好。