0

我正在一个计数器上显示来自 TeamTrees.org 的树的总量（我是 JavaScript 新手），我想让它成为实时的。所以，我使用 Odometer.js，它从 0 开始不断更新。

这是描述我的问题的视频。 移除

我试过在这个网站和其他网站上搜索。但是，它仍然没有工作。

这是代码：

索引.html

</div>
    <script src="trees.js"></script>
    <script src="https://code.jquery.com/jquery-3.1.1.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/odometer.js/0.4.8/odometer.min.js"></script>
    <script>
    init();

     var TreeCount = new Odometer({ 
        el: document.querySelector('#cash'),
        auto: 'true', 
        format: ',ddd', 
        theme: 'default'
         }) 
    </script>
    </center>
</body>

树.js

function init() { 
fetchTrees() 
setInterval(fetchTrees, 3000);
   } 
  function formatNumber(x) {
return x.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ",");
    }
 function fetchTrees() { 
   $.ajax({
    url: "-",
    method: "POST",
  data: {
   "wrapAPIKey": "-"
 }
  }).done(function(data) {
    numTrees = data["data"]["#totalTrees"]; 

  $("#cash").text("$"+formatNumber(numTrees))
  TreeCount.update(numTrees); 
   });
 }
4

1 回答 1

0

我认为您需要将最后检索到的值添加到新值中，如下所示：

function init() { 
fetchTrees() 
setInterval(fetchTrees, 3000);
   } 
  function formatNumber(x) {
return x.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ",");
    }
 function fetchTrees() { 
   $.ajax({
    url: "-",
    method: "POST",
  data: {
   "wrapAPIKey": "-"
 }
  }).done(function(data) {
    numTrees += parseInt(data["data"]["#totalTrees"]); 

  $("#cash").text("$"+formatNumber(numTrees))
  TreeCount.update(numTrees); 
   });
 }
于 2019-12-08T08:52:54.720 回答