Egret_Scroller排名动态调整及requestAnimationFrame

B1  B2  B3 B4 B5 的label

        var index = 1;
		this.btn.addEventListener(egret.TouchEvent.TOUCH_TAP, () => {
        index=index<1?1:index-1;
		for (var i = 1; i <= 5; i++) {
			egret.Tween.get(this["B" + i]).to({ y: this["B" + ((i + index) % 5 + 1)].y }, 1000);              //scroll  item exchange
			}
       },this);

requestAnimationFrame

            public start = 0;
	        public end = 1000;
	        public per = 0;
//****           // cancelAnimationFrame(id);
            this.end = 1000;
			this.start = 0;
			this.per = (this.end - this.start) / 60;
			var ths = this;

			//回调函数
			function render() {
				ths.start += ths.per;
				console.log(ths.per);
				if (ths.start <= ths.end) {
					ths.number.textColor = 0xff0000;
					ths.number.text = Math.floor(ths.start).toString();
					//在动画没有结束前，递归渲染
					window.requestAnimationFrame(render);							//调用
				} else {
					ths.number.textColor = 0xffffff;
					ths.number.text = ths.end.toString();
					console.log("456464646");
				}
			}

			//第一帧渲染
			window.requestAnimationFrame(render);                                  //调用启动      而非无线循环