Question

我尝试使用countup.js-过去曾多次使用它，但现在它不再起作用。有人看到错误了吗？

HTML：

<div id="counter">1000</div>

JS：

  function countup() {
    var options = {
      useEasing: true,
      useGrouping: true,
      separator: '.',
      decimal: ',',
      suffix: 'People'
    };

    var demo = new CountUp('counter', 0, $("#counter").text(), 2, 4, options);
    if (!demo.error) {
      demo.start();
    } else {
      console.error(demo.error);
    }
  }

countup();

这是codepen：{{3}}

Answer 1

在您的代码中添加countUp.js：

  <script src='https://cdnjs.cloudflare.com/ajax/libs/countup.js/1.8.2/countUp.min.js'></script>

Working Demo

Answer 2

在您的Codepen示例中，您正在使用2.0.4版（https://cdnjs.cloudflare.com/ajax/libs/countup.js/2.0.4/countUp.min.js），该版本使用ES6代码。您可以在控制台中看到错误消息。

未捕获的SyntaxError：意外的令牌导出

浏览器不完全支持ES6。因此，如果您使用的版本1.8.2不使用ES6代码，那么它将通过外部脚本运行。

下面是使用旧版本的Codepen

https://codepen.io/anon/pen/dBpxbd

CountUp.js：未开始计数

2 个答案: