javascript - 为什么我的 Div 不 move ？

Question

我试图让这个胖的 div move 一些，但它不会!帮助!

<script>

do {
	setTimeout(fly(), 10)
		function fly() {
			var i = 0;
   			var left = parseInt(document.getElementById("dick").style.left);
			var top = parseInt(document.getElementById("dick").style.top);
			left++;
			top++;
			document.getElementById("dick").style.left = left + "px";
			document.getElementById("dick").style.top = top + "px"; 
	}	
}

while (i = 0);
</script>

<div id="dick" style="position:absolute; top:100px; left:100px; width:100px; height:100px; background-color:#000000;"></div>

Answer 1

您应该使用setInterval 而不是setTimeout。此外，您应该为 setInterval 提供您的函数，而不是为它提供调用结果。

    setInterval(fly, 10);
    function fly() {
      console.log("flying")
        var i = 0;
        var left = parseInt(document.getElementById("dick").style.left);
        var top = parseInt(document.getElementById("dick").style.top);
        left++;
        top++;
        document.getElementById("dick").style.left = left + "px";
        document.getElementById("dick").style.top = top + "px"; 
}   

检查这个 plunkr http://plnkr.co/edit/L3cid26ybpFYITfjUbmP?p=preview