两种方式
一,
<h1 id="num" ></h1>
/** * 数字滚动 * @param {Object} num 开始值 * @param {Object} maxNum 最大值,最终展示的值 */
二,
<div id="nub1"></div> <div id="nub2"></div>
let n1 = 0; let n2 = 0; let nub = [317, 1788] let to1 = nub[0]; // 第一个需要显示数字的地方默认最大值 让其从0开始动态达到最大值。 let to2 = nub[1]; // 第二个需要显示数字的地方默认最大值 tonum(); function tonum () { if (n1 < to1 || n2 < to2 ) { n1 += Math.ceil(to1 / 200); n2 += Math.ceil(to2 / 200); n1 = n1 > to1 ? to1 : n1; n2 = n2 > to2 ? to2 : n2; $("#nub1").text(n1); $("#nub2").text(n2); setTimeout(tonum, 50); } else { return false; } }
原文:https://www.cnblogs.com/duhui/p/14982118.html