Odometer.js 从0开始持续更新

Question

我正在开发一个计数器，显示来自 TeamTrees.org 的树木总数（我是 JavaScript 的新手）我想让它实时显示。所以，我使用 Odometer.js 并且它从 0.

不断更新

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

我试过在此站点和其他站点上进行搜索。但是，还是不行。

代码如下：

index.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>

Trees.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); 
   });
 }

Answer 1

我认为您需要像这样将最后检索到的值添加到新值中：

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); 
   });
 }

Odometer.js 从0开始持续更新

Odometer.js Keeps Updating From 0

javascript

odometer