简单的jQuery计数器，带有轻松或平滑的动画

我创造了一些小片段，比如有趣的事实。我想用计数器增量使数字平滑显示。我不知道如何在jQuery中实现它

我已经搜索了google和stackoverflow，但找不到任何只使用几行jQuery就能实现此功能的脚本

这是我的HTML，帮助我在代码段中添加jQuery计数器效果以获得有趣的事实数字

@导入url(https://fonts.googleapis.com/css?family=Montserrat:400,700);
.集装箱{
最大宽度：1200px！重要；
保证金：100像素自动；
字体系列：“蒙特塞拉特”；
}
.集装箱{
框大小：边框框；
左边距：自动！重要；
右边距：自动！重要；
}
/*-=-=-=-=-=-=-=-=-=-*/
/*柱网*/
/*-=-=-=-=-=-=-=-=-= */
col_fourth{
背景色：#f1f1；
宽度：23.5%；
位置：相对位置；
显示：内联；
显示：内联块；
浮动：左；
保证金权利：2%；
边缘底部：20px；
}
.end{右边距：0！重要；}
/*-=-=-=-=-=-=-=-=-=-*/
/*样式栏1*/
/*-=-=-=-=-=-=-=-=-= */
.at funfact wrap{背景色：#f1f1f1；填充：40px 15px；文本对齐：居中；}
.at funfact wrap.at funfact{padding:0；}
.在funfact{
显示：内联块；
位置：相对位置；
填充：20px0；
文本对齐：居中；
}
.在funfact wrap.在funfact.funfact编号{
显示：块；
字体大小：粗体；
线高：1；
边缘底部：15px；
字体大小：60px；
}
.在funfact wrap.在funfact.funfact编号标题{
保证金：0；
文本转换：大写；
字体大小：400；
字母间距：2px；
字体大小：14px；
}

78
投资组合有效
97
获奖
35%
几杯咖啡
130+
家庭演示

那么您希望页面加载时数字从零开始增长？这里有一条路。我使数字逐渐向目标值增长

如果你想让数字增长得更慢，你可以增加比例

jQuery（'.funfactnumber'）。每个（函数（）{
var$this=jQuery（this）；
var parts=$this.text（）.match（/^（\d+）（.*）/）；
如果（零件长度<2）返回；
var量表=20；
无功延迟=50；
var end=0+零件[1]；
var-next=0；
变量后缀=零件[2]；
var runUp=函数（）{
var show=Math.ceil（下一步）；
$this.text（“”+显示+后缀）；
如果（显示==结束）返回；
下一步=下一步+（结束-下一步）/比例；
设置超时（启动、延迟）；
}
runUp（）；
});
@导入url(https://fonts.googleapis.com/css?family=Montserrat:400,700);
.集装箱{
最大宽度：1200px！重要；
保证金：100像素自动；
字体系列：“蒙特塞拉特”；
}
.集装箱{
框大小：边框框；
左边距：自动！重要；
右边距：自动！重要；
}
/*-=-=-=-=-=-=-=-=-=-*/
/*柱网*/
/*-=-=-=-=-=-=-=-=-= */
col_fourth{
背景色：#f1f1；
宽度：23.5%；
位置：相对位置；
显示：内联；
显示：内联块；
浮动：左；
保证金权利：2%；
边缘底部：20px；
}
.end{右边距：0！重要；}
/*-=-=-=-=-=-=-=-=-=-*/
/*样式栏1*/
/*-=-=-=-=-=-=-=-=-= */
.at funfact wrap{背景色：#f1f1f1；填充：40px 15px；文本对齐：居中；}
.at funfact wrap.at funfact{padding:0；}
.在funfact{
显示：内联块；
位置：相对位置；
填充：20px0；
文本对齐：居中；
}
.在funfact wrap.在funfact.funfact编号{
显示：块；
字体大小：粗体；
线高：1；
边缘底部：15px；
字体大小：60px；
}
.在funfact wrap.在funfact.funfact编号标题{
保证金：0；
文本转换：大写；
字体大小：400；
字母间距：2px；
字体大小：14px；
}

78
投资组合有效
97
获奖
35%
几杯咖啡
130+
家庭演示
那么您希望页面加载时数字从零开始增长？这里有一条路。我使数字逐渐向目标值增长

如果你想让数字增长得更慢，你可以增加比例


jQuery（'.funfactnumber'）。每个（函数（）{
var$this=jQuery（this）；
var parts=$this.text（）.match（/^（\d+）（.*）/）；
如果（零件长度<2）返回；
var量表=20；
无功延迟=50；
var end=0+零件[1]；
var-next=0；
变量后缀=零件[2]；
var runUp=函数（）{
var show=Math.ceil（下一步）；
$this.text（“”+显示+后缀）；
如果（显示==结束）返回；
下一步=下一步+（结束-下一步）/比例；
设置超时（启动、延迟）；
}
runUp（）；
});
@导入url(https://fonts.googleapis.com/css?family=Montserrat:400,700);
.集装箱{
最大宽度：1200px！重要；
保证金：100像素自动；
字体系列：“蒙特塞拉特”；
}
.集装箱{
框大小：边框框；
左边距：自动！重要；
右边距：自动！