刷新jQuery计数器插件值

时间:2017-08-23 13:52:02

标签: javascript php jquery mysql

我使用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)

抱歉我的英语不好。

0 个答案:

没有答案