今天就跟大家聊聊有关使用jQuery怎么实现数字自动增加或减少,可能很多人都不太了解,为了让大家更加了解,小编给大家总结了以下内容,希望大家根据这篇文章可以有所收获。
南溪ssl适用于网站、小程序/APP、API接口等需要进行数据传输应用场景,ssl证书未来市场广阔!成为成都创新互联的ssl证书销售渠道,可以享受市场价格4-6折优惠!如果有意向欢迎电话联系或者加微信:028-86922220(备注:SSL证书合作)期待与您的合作!jquery是什么jquery是一个简洁而快速的JavaScript库,它具有独特的链式语法和短小清晰的多功能接口、高效灵活的css选择器,并且可对CSS选择器进行扩展、拥有便捷的插件扩展机制和丰富的插件,是继Prototype之后又一个优秀的JavaScript代码库,能够用于简化事件处理、HTML文档遍历、Ajax交互和动画,以便快速开发网站。
1.HTML:
<div class="up"></div> <br> <div class="down"></div>
2.JS:
$(function(){ var obj={ el:$(".up"), max:1000, start:100//增加开始的初始值 } var obj2={ el:$(".down"), max:1000, end:100//减少到最小的值 } up(obj); down(obj2) }) function up(obj){ var item=obj.el; var num=obj.max; var start=obj.start; time2=setInterval(function(){ start++; if(start>num){ start=num; clearInterval(time2); } item.text(start) },1) } function down(obj){ var item=obj.el; var num=obj.max; var min=obj.end; time1=setInterval(function(){ num--; if(num<min){ num=min; clearInterval(time1) } item.text(num) },1) }
可以自行设定每次增加的大小
问题:
1。要是需要用背景图片中的数字替换当前显示的数字,并且有上下滚动的效果怎么做? background-position
2。实现了问题1的效果之后,如果要大的位数最先停止动画,后面的位数依次停止怎么做?或者开始动画的时候,最后一位数开始动画,大的位数最后开始动画怎么做?
3。如果数字增加到千的时候,在千位之后加逗号,例如:1,000。这又怎么做?
4。怎样用settimeout
来实现?settimeout
可以解决动画先后顺序,即延迟动画
看完上述内容,你们对使用jQuery怎么实现数字自动增加或减少有进一步的了解吗?如果还想了解更多知识或者相关内容,请关注创新互联行业资讯频道,感谢大家的支持。
网页名称:使用jQuery怎么实现数字自动增加或减少-创新互联
本文链接:/article4/dopoie.html
成都网站建设公司_创新互联,为您提供做网站、网站制作、企业建站、定制开发、关键词优化、云服务器
声明:本网站发布的内容(图片、视频和文字)以用户投稿、用户转载内容为主,如果涉及侵权请尽快告知,我们将会在第一时间删除。文章观点不代表本网站立场,如需处理请联系客服。电话:028-86922220;邮箱:631063699@qq.com。内容未经允许不得转载,或转载时需注明来源: 创新互联