使用CountUp.js在html上实现从1到3的动画效果

`CountUp.js` 是一个轻量级的JavaScript库，用于在网页上创建从0开始计数到指定数字的动画效果。尽管你提到的是从1到3的动画，这个库同样可以胜任。以下是一个基本的使用示例：

首先，你需要引入`CountUp.js`库。你可以从它的GitHub页面下载或者通过CDN链接引入到你的HTML文件中。

<!-- 引入CountUp.js库 -->
<script src="https://cdn.jsdelivr.net/npm/countup@1.9.3/dist/countUp.min.js"></script>

然后，在HTML中添加一个元素，用于显示计数动画：

<!-- 创建一个用于显示计数的元素 -->
<div id="counter">0</div>

接下来，使用JavaScript初始化`CountUp.js`来实现动画效果：

<script>
// 确保DOM完全加载后运行此代码
document.addEventListener("DOMContentLoaded", function() {
    // 实例化CountUp，并指定元素、目标值、选项（这里为空）
    var counter = new CountUp('counter', 3, {
        // 这里可以添加更多的选项，例如开始延迟时间、小数位数等
    });
    
    // 开始计数动画
    if (!counter.error) {
        counter.start();
    } else {
        // 如果有错误（例如元素ID不存在），在这里处理
        console.error(counter.error);
    }
});
</script>

这段代码会使得ID为`counter`的HTML元素内的数字从0开始，以动画的形式计数到3。