网站如何做外链教程视频,诸葛建站官网,唐山注册公司网上申请入口,张掖网站制作项目中需要做数字滚动增加的效果#xff0c;一开始很懵#xff0c;研究了一下原理#xff0c;发现很简单#xff0c;贴出来分享一下 ^_^数字滚动组件#xff1a;0props: {time: {type: Number,default: 2},value: {type: Number,default: 720000}},methods: {numberGrow (…项目中需要做数字滚动增加的效果一开始很懵研究了一下原理发现很简单贴出来分享一下 ^_^数字滚动组件0props: {time: {type: Number,default: 2},value: {type: Number,default: 720000}},methods: {numberGrow (ele) {let _this thislet step (_this.value * 10) / (_this.time * 1000)let current 0let start 0let t setInterval(function () {start stepif (start _this.value) {clearInterval(t)start _this.valuet null}if (current start) {return}current startele.innerHTML current.toString().replace(/(d)(?(?:d{3}[]?)$)/g, $1,)}, 10)}},mounted () {this.numberGrow(this.$refs.numberGrow)}} transform: translateZ(0);}.number-grow {font-family: Arial-BoldMT;font-size: 64px;color: #ffaf00;letter-spacing: 2.67px;margin:110px 0 20px;display: block;line-height:64px;} 调用更多编程相关知识请访问编程入门
