CountUp.js 是一个用于网页数字滚动效果的 JavaScript 插件，它可以让数字从一个值滚动到另一个值，呈现出逐渐增加或减少的动态效果。它常用于展示数字统计、计数器、倒计时等场景，能够吸引用户的注意力并提升页面的交互性。
CountUp.js GitHub demo地址：https://inorganik.github.io/countUp.js/
CountUp.js插件的特点包括：
- 简单易用：countUp.js 提供了简洁的 API，使得在网页中实现数字滚动效果非常容易。
- 自定义配置：你可以通过传递参数来自定义滚动的起始值、结束值、滚动速度、小数点位数等，以满足不同的需求。
- 兼容性好：countUp.js 兼容主流的现代浏览器，包括 Chrome、Firefox、Safari、Edge 等，而且在移动设备上也有良好的表现。
- 轻量级：这个插件的文件体积小，加载速度快，不会给页面带来明显的性能负担。
可以通过引入 CountUp.js 文件到你的网页中，并按照文档提供的方式调用相应的方法，就可以实现数字滚动效果了。
CountUp.js使用方法
引入 CountUp.js 文件：首先，在你的 HTML 文件中引入 CountUp.js 文件。你可以通过下载插件的 JavaScript 文件并将其引入，或者通过 CDN 来引入，例如：
<script src="https://cdn.jsdelivr.net/npm/countup.js"></script>
准备 HTML 元素：在 HTML 文件中准备一个容器元素，用来显示滚动的数字。例如：
<span id="myCounter"></span>
编写 JavaScript 代码：在 JavaScript 文件或者 <script> 标签中编写代码，使用 countUp.js 提供的 API 来创建一个 countUp 实例，并启动滚动效果。例如：
// 创建 countUp 实例
var options = {
startVal: 0, // 开始值
endVal: 1000, // 结束值
duration: 2, // 滚动持续时间（秒）
separator: ',' // 分隔符（可选）
};
var myCounter = new CountUp('myCounter', options);
// 启动滚动效果
if (!myCounter.error) {
myCounter.start();
} else {
console.error(myCounter.error);
}
在上面的代码中，我们首先创建了一个 countUp 实例，并传入了一些配置选项，比如开始值、结束值、滚动持续时间等。然后，我们调用 start() 方法来启动滚动效果。如果有错误发生，可以通过检查 myCounter.error 属性来获取错误信息。
可选的配置项：countUp.js 提供了许多可选的配置项，你可以根据需要调整。比如你可以设置滚动速度、小数点位数、分隔符等。详细的配置信息可以参考插件的文档。
通过以上步骤，你就可以在网页中使用 countUp.js 实现数字滚动效果了。