数字从零到目标数字滚动增加JS代码

数字从零到目标数字滚动增加JS代码

2023-11-23 0 971
资源编号 64219 最近更新 2023-11-23
¥ 免费 N币
VIP折扣
    折扣详情
  • 月费会员

    免费

  • 年费会员

    免费

  • 尊贵终身会员

    免费

升级VIP
立即下载 升级会员
下载不了?请联系网站客服提交链接错误!
增值服务:

咱们首先看一下效果,这篇文章说的是什么东西?做出来是什么样子?

数字从零到目标数字滚动增加JS代码

如上图所示,它经过视窗滚动,进行数字的从零到目标数字的滚动,且无需刷新的情况下,该元素从视口消失后再次滚动到该位置,还是会重复滚动。

那么我们废话少说,直接上代码:

<script type="text/javascript">
	var num1,num2,num3,num4; //首先定义四个变量
	$(function() { 
	    var val1=$(".about_num .number1").text(); //设置滚动数字的选择器,这里是选择了.number1元素的text(文本)。
	    var val2=$(".about_num .number2").text(); 
	    var val3=$(".about_num .number3").text();
	    var val4=$(".about_num .number4").text();

	    var reg = /\d+/g;
	    var str = 'abc123';
	    var ms = str.match(reg);
	    //alert(ms.join(','))

			num1=val1.match(reg);
			num2=val2.match(reg);
			num3=val3.match(reg);
			num4=val4.match(reg); 
	})
</script>
下面引入外部JS库即可完成这一效果啦。
<script type="text/javascript" src="../static/js/num.js"></script>

外部库免费提供下载。请点击下载即可。

免责声明:
1、本网站所有发布的源码、软件和资料均为收集各大资源网站整理而来;仅限用于学习和研究目的,您必须在下载后的24个小时之内,从您的电脑中彻底删除上述内容。 不得使用于非法商业用途,不得违反国家法律。否则后果自负!

2、本站信息来自网络,版权争议与本站无关。一切关于该资源商业行为与www.niceym.com无关。
如果您喜欢该程序,请支持正版源码、软件,购买注册,得到更好的正版服务。
如有侵犯你版权的,请邮件与我们联系处理(邮箱:skknet@qq.com),本站将立即改正。

NICE源码网 JavaScript 数字从零到目标数字滚动增加JS代码 https://www.niceym.com/64219.html

发表评论
暂无评论