HI

有很多方法可以做到这一点。 一种方法是扩展按钮控件。

 Button.extend（" AnimateButton"，{
     渲染器：{}，
     onAfterRendering：function（）{
       如果（Button.prototype.onAfterRendering）{
         Button.prototype.onAfterRendering.apply（this，arguments）;
       }

       var icon = this。$（）。find（"。sapMBtnIcon"）;
       如果（icon.length> 0）{
         this.iconRotateAngle = 45;
         this.rotateIcon = function（）{
           icon.css（" transform"，" rotate（" + this.iconRotateAngle +" deg）"）;
           this.iconRotateAngle + = 45;
           如果（this.iconRotateAngle> = 360）{
             this.iconRotateAngle = 0;
           }
           setTimeout（function（）{
             this.rotateIcon（）;
           } .bind（this），500）;
         }
         setTimeout（function（）{
           this.rotateIcon（）;
         } .bind（this），500）;
       }
     }
   }）;
 

演示： https://jsbin.com/rodozud/edit?html,js,output

谢谢

丹尼斯

嗨，丹尼斯，

感谢您的回复，您还可以让我知道如何停止动画吗？

由于使用了设置超时文本，因此正在更改

 setTimeout（function（）{
     btn.setText（" Stopping"）;
   }，2000）； 

但是我们如何在视图中的特定事件上停止动画。

致谢

Ram

HI Ram

我们可以这样做

https://jsbin.com/woyitopize/edit?html,js,output