【前端】文字动态递增效果

最新推荐文章于 2024-07-20 11:35:23 发布

乌药ice

最新推荐文章于 2024-07-20 11:35:23 发布

阅读量841

点赞数 1

分类专栏：文章回收站

本文内容如有侵权，请及时内信我删除。博客内容仅供学习参考，不可用于其他用途。转载请注明本文作者：乌药ice

本文链接：https://blog.csdn.net/qq_41138935/article/details/98481782

版权

主要用于网站的页面展示，数字从0递增到设置值，当然，还可以自定义速度。

看下效果图：

js代码：

!function(a, n) {
    "function" == typeof define && define.amd ? define(n) : "object" == typeof exports ? module.exports = n(require, exports, module) : a.CountUp = n()
}(this, function(a, n, t) {
    var e = function(a, n, t, e, i, r) {
        function o(a) {
            a = a.toFixed(l.decimals),
                a += "";
            var n, t, e, i, r, o;
            if (n = a.split("."),
                    t = n[0],
                    e = n.length > 1 ? l.options.decimal + n[1] : "",
                    l.options.useGrouping) {
                for (i = "",
                         r = 0,
                         o = t.length; r < o; ++r)
                    0 !== r && r % 3 === 0 && (i = l.options.separator + i),
                        i = t[o - r - 1] + i;
                t = i
            }
            return l.options.numerals.length && (t = t.replace(/[0-9]/g, function(a) {
                return l.options.numerals[+a]
            }),
                e = e.replace(/[0-9]/g, function(a) {
                    return l.options.numerals[+a]
                })),
            l.options.prefix + t + e + l.options.suffix
        }
        function u(a, n, t, e) {
            return t * (-Math.pow(2, -10 * a / e) + 1) * 1024 / 1023 + n
        }
        function s(a) {
            return "nu