个人网站可以做什么,佛山专注网站制作细节,个人简历模板免费下载网站,网站入口项目中需要做数字滚动增加的效果#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;} 调用更多编程相关知识请访问编程入门