clearInterval nicht in Javascript arbeiten

Question

Dies ist der Code, den ich

<div> 
    <img src="robot.png" id="robotPic"> 
</div> 
<br /> 
<br /> 
<input type="button" name="Start" value="Start" id="Start" onclick="moveImage();"> 
<script type="text/javascript"> 
var moving = false; 
var screenWidth = window.innerWidth; 
var i = 0; 

function moveImage() { 
    if (!moving) { 
     moving = true; 
     var robotMoving = setInterval(function() { 
      document.getElementById("robotPic").style.paddingLeft = i + "px"; 
      i = i + 10; 
     }, 500); 
    } else { 
     clearInterval(robotMoving); 
    } 
} 
</script> 

Aus welchem ​​Grund auch immer, so weit haben, die robotPic bewegt sich nicht mehr, wenn ich die Start Taste wieder aus irgendeinem Grund klicken und ich nicht understabd

Answer 1

Ihre Intervallreferenz robotMoving lebt nur in diesem Funktionsumfang. Das bedeutet, dass es jedes Mal, wenn Sie diese Funktion ausführen, auf undefiniert gesetzt wird (und Sie es mehrmals ausführen). Um es zu beheben, verschieben Sie die Variable robotMoving außerhalb dieser Funktion, und ändern Sie einfach ihren Wert von innen.

Answer 2

Ihr Intervall liegt außerhalb des Bereichs.

Vielleicht hinzufügen, versuchen Sie dies.

Shomz hat eine gute Erkundung in seinem Wunder, was passiert.

var moving = false, 
    screenWidth = window.innerWidth, 
    i = 0, 
    interval; 

function moveImage() { 
    if (!moving) { 
     moving = true; 
     interval = setInterval(function() { 
      document.getElementById("robotPic").style.paddingLeft = i + "px"; 
      i = i + 10; 
     }, 500); 
    } else { 
     clearInterval(interval); 
    } 
}