绍兴建设图审网站,风险网站怎么解决方案,重庆市网站推广,广州增城网站建设项目中需要做数字滚动增加的效果#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;} 调用更多编程相关知识请访问编程入门
