JS / jQuery号增加动画

假设我有一个名为.number的div， .number包含一个数字。

我希望动态地将这个数字增加到一个新的数字，同时增加一个像底部这样的效果。

任何轻量级解决方

谢谢

Answer 1

 $(function() { var ele = $('#haha'); var clr = null; var rand = (Math.random() * 100000) >> 0; (loop = function() { clearTimeout(clr); (inloop = function() { ele.html(rand+=1); if(!(rand % 50)) { return; } clr = setTimeout(inloop, 30); })(); setTimeout(loop, 2500); })(); }); 

DEMO

编辑 ：

 $(function () { var ele = $('#haha'); var clr = null; var rand = Math.floor(Math.random() * 100000); // just a random number(initial number) loop(); function loop() { clearTimeout(clr); inloop(); setTimeout(loop, 2500); //call 'loop()' after 2.5 seconds } function inloop() { ele.html(rand += 1); if (!(rand % 50)) { return; } clr = setTimeout(inloop, 30); //call 'inloop()' after 30 milliseconds } }); 

 $(function() { var ele = $('#haha'); var clr = null; var rand = (Math.random() * 100000) >> 0; (loop = function() { clearTimeout(clr); (inloop = function() { ele.html(rand += 1); if (!(rand % 50)) { return; } clr = setTimeout(inloop, 30); })(); setTimeout(loop, 2500); })(); });