小程序js实现【数字变化动画效果】

需求：由一个数字变化到另一个数字，中间有类似摇奖、生成随机数那样的动画视觉效果

效果：

思路：把两个数的差值分成几次变化

wxml：

new Number: {
  {newNumber}}
<view>{
  {number}}</view>
<button bindtap="start">start</button>

js：

var that
Page({
  data: {
    number: 1000000
  },
  onLoad:function(){
    that = this
  },
  start: ()=> {
      var random = Math.floor(Math.random() * 900000 + 100000)
      that.setData({
        newNumber: random
      })
      change(random) 
  }
})
var change = number => {
  console.log('====new number====',number)
  var baseNumber = that.data.number //原数字
  var difference = number - that.data.number //与原数字的差
  var absDifferent = Math.abs(diffe