We need to insert the java script code. See how we are reacting to the changes of variable. Once you have inserted the script you are ready to test it.

var startMotor = '%s%PLC1.MAIN.startRotation%/s%';
TcHmi.Symbol.readEx2(startMotor,
function(data) {
  if (data.error === TcHmi.Errors.NONE) {
    if (data.value == true) {
      var angleControl = TcHmi.Controls.get("TcHmi_Controls_Beckhoff_TcHmiTextbox_Angle");
      var timeSControl = TcHmi.Controls.get("TcHmi_Controls_Beckhoff_TcHmiTextbox_Time");
      if (angleControl != undefined && timeSControl != undefined) {
        var angle = parseFloat(angleControl.getText(), 10);
        var timeS = parseFloat(timeSControl.getText(), 10);
        var finalFrame = 'rotate('.concat(angle.toString()).concat('deg)');
        console.log(finalFrame);
        console.log(timeS);
        animationGlobal = new TcHmi.Animation('ViewDesktopBeckhoffLogo', '');
        animationGlobal.addKeyframe('transform', 'rotate(0deg)', 0).addKeyframe('transform', finalFrame, 1).duration(timeS * 1000);
        animationGlobal.run();
      }
    }
    else {
      console.log('Reset');
      //Stop the animation and put back the beckhoff image to horizontal position
      //I don't have reference to the animation object if I don't declare in code behind file or in some otherway
      //At least if I deslare the animation in a code behind  file  then I have access to the object and I can reset it or pause it
      //Problem with pause the image does not go to the original shape  
      //Problem with reset, the animation does not start again if I create the animation in code behind file. If I declare it in code behind file and 
      //initialized in the embedded code then it is  fine.  But I am not sure related to memory leak or other performence issue.
      //With subscription, I have similar issues.
      //animationGlobal.pause();
      animationGlobal.reset();
    }
  }
});