jQuery   发布时间:2022-04-19  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了jquery – 在页面加载时直观地计算数字大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
我的页面上有一些编号统计数据,我想让它们更具视觉吸引力.我认为使用jQuery模拟计数达到这个数字可能会很酷.

所以在页面加载时,假设数字是32.数字将从0开始并计数到32,每个数字之间有一些延迟间隔.

我怎么做到这一点?这是我尝试过的代码,但它不起作用.它捕获了页面上的数字(有3个statRibbons),但它没有在视觉上计算我可以看到每个数字0,1,2,3等的位置.理想情况下,它会计算每个带1时间而不是同时,但如果它需要笨重的额外代码,那就没关系.我想,无论如何,.each应该照顾这个.

$(function() {
  $(".statRibbon .bigStat span").each(function() {
      var tmp = this.innerHTML;
      var i = 0;
      while(i != tmp) {
          $(".statRibbon .bigStat span").innerHTML(i++);
          alert(i);
      }
  });
});

解决方法

这对你有什么用?

http://jsfiddle.net/WpJxn/1/

更改setTimeout函数末尾的50以更改以毫秒为单位计算的速度.

大佬总结

以上是大佬教程为你收集整理的jquery – 在页面加载时直观地计算数字全部内容,希望文章能够帮你解决jquery – 在页面加载时直观地计算数字所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。