vue 数字随机滚动(数字递增) - 执着慕晚的流年

• Z时代
• 2024-01-10
• 分类：综合

vue 数字随机滚动(数字递增)

html:

  <span v-for="i in numArr">{{i}}</span>

data:    numArr: [],
methods:
  perNum() {
      var $random2 = parseInt(Math.random() * 5) + 1;
      this.$randomPer += $random2;
      this.$obj = String(this.$randomPer);
      this.numArr = this.$obj.split(\'\');
      setTimeout(this.perNum, 2000);
}
 created:
    this.$randomPer = parseInt(((new Date().getTime() - new Date(new Date().setHours(0, 0, 0, 0)).getTime()) / 1000)) + 1000;
    this.perNum();    

效果:

posted on

2018-10-17 10:19 

执着慕晚的流年 

阅读(5279) 

评论(0) 

编辑 

收藏 

举报

以上是 vue 数字随机滚动(数字递增) - 执着慕晚的流年 的全部内容， 来源链接： utcz.com/z/379192.html