Question

让一个图形绕着屏幕边缘移动一圈，代码如下：

window.onload=function(){
setInterval(move,10);
}
var x=0,y=0;
function move(){
if(x<=1100){
x+=10;
var left=x+"px";
document.getElementById("head").style.left=left;
}else if(y<420){
y+=10;
var top=y+"px";
document.getElementById("head").style.top=top;
}else if(y==420&&x>=0){
x-=10;
var left1=x+"px";
document.getElementById("head").style.left=left1;
}
else if(y>=0&&x==0){
y-=10;
var top1=y+"px";
document.getElementById("head").style.top=top1;
}

}
为什么这个图像移动到右下角就一直在左右抖动不继续往左移动，求正解！！

Answer 1

当方框在右下角，此时x=1100;y=420;接下来是x=1090;y=420;接下来执行的是if(x<1100)条件下的内容了。然后又回到x=1100;y=420; 这样就出现来回晃动的情况。

追问

(⊙o⊙)哦