用JS实现数字化增长

上次在项目中遇到了实现数字增长的效果，实现了数字从0到目标数字的增长。让我们来看看效果图

现在它可以扩展以达到不同的效果

主要思想分为两部分

1.每三个数字加起来，

2.实现并移动

对1使用正则化非常方便

this . fomatnum=function(num){ var str=num . tofixed(this . option . decimal)；var num1，x1，x2，reg精确到多少位小数；arr=str.split(' . ');x1=arr[0]；x2=arr.length 1？'.'arr[1]:“”；reg=/(\ d)(\ d { 3 })/；if(this . option . is omat){ while(reg . test(x1)){ x1=x1 . replace(reg，' $1 ' '，' ' $ 2 ')；} } if(this . option . is omat){ return this . option . prefix x1 x2；} else { return this . option . prefix str；}}要达到添加的效果，可以使用requestAnimationFrame方法，然后处理兼容性。

var change=function(){ var p=math . min(1.0)，(new Date()。getTime()-that . starttime)/that . option . duration)；//当前时间减去开始时间，再除以总时间Math.min，两个数取最小值。var nums=that . num * p；that . elm . innerhtml=that . fomatnum(that . num * p)；if(p 1.0){//requestAnimationFrame(function(){ change()；});} else { cancelAnimationFrame(更改)；} } RequestanimationFrame(function(){ change()；});如果你想实现数字在可视区域再次移动的效果，可以监控dom是否在可视区域，然后调用。

以上就是本文的全部内容。如有疑问，请留言讨论，感谢支持。