Javascript 如何使用TweenMax连接整数变量?

Javascript 如何使用TweenMax连接整数变量?,javascript,gsap,Javascript,Gsap,如何在javascript中使用Greensock:TweenMax、TweenLite来tween整数变量 var counter = { var: 0 }; TweenMax.to(counter, 5, { var: 100, onUpdate: function () { console.log(Math.ceil(counter.var)); }, ease:Circ.easeOut }); 它在5秒内从0

如何在javascript中使用Greensock:TweenMax、TweenLite来tween整数变量

 var counter = { var: 0 };
 TweenMax.to(counter, 5, {
      var: 100, 
      onUpdate: function () {
          console.log(Math.ceil(counter.var));
      },
      ease:Circ.easeOut
  });
它在5秒内从0开始到100

干得好! 这对我也有好处

//TweenLite可以连接任何对象的任何数值属性
var game={score:0},
add20Btn=document.getElementById(“add20Btn”);
scoreDisplay=document.getElementById(“分数”);
add20Btn.onclick=add20;
函数add20(){
TweenLite.to(游戏,1,{score:+=20”,roundProps:“score”,onUpdate:updateHandler,ease:Linear.easeNone});
}
函数updateHandler(){
scoreDisplay.innerHTML=game.score;
}
add20()
正文{
背景:#000;
利润率:10px;
颜色:灰色;
字体系列:Arial、Helvetica、无衬线字体;
}
h1{
线高:40px;
字体大小:30px;
颜色:白色;
填充:0px;
保证金:0px 0px 0px 10px;
字体大小:正常;
}
#内容{
位置:相对位置;
宽度:500px;
最小高度:186px;
填充:10px;
利润率:6px;
背景色:rgba(0,0,0,0.5);
颜色:#fff;
}	
#得分{
字体大小:120px;
字体大小:粗体;
填充:20px;
文本对齐:居中;
背景色:#91E628;
颜色:#000;
边界半径:20px 20px;
}
钮扣{
显示:块;
填充:10px;
边缘顶部:10px;
浮动:对;
}

吐温变量
0
加20