Javascript 在屏幕上移动图像
我是html5的初学者，在一个简单的在屏幕上移动图像的程序中遇到了这个问题。这是一个简单的pacman程序，我使用了两幅图像。一个是嘴张开的吃豆人，另一个是嘴闭着的，当我试图向右移动它穿过屏幕时，它必须回到初始位置。它尝试了很多方法，但都不管用。对于一个步骤，它只移动一次，而对于下一个步骤，它是静态的。如果有人能解决这个问题，那将非常有帮助Javascript 在屏幕上移动图像,javascript,Javascript,我是html5的初学者，在一个简单的在屏幕上移动图像的程序中遇到了这个问题。这是一个简单的pacman程序，我使用了两幅图像。一个是嘴张开的吃豆人，另一个是嘴闭着的，当我试图向右移动它穿过屏幕时，它必须回到初始位置。它尝试了很多方法，但都不管用。对于一个步骤，它只移动一次，而对于下一个步骤，它是静态的。如果有人能解决这个问题，那将非常有帮助 <html> <head> <SCRIPT> var timer = setInterval(Run,500);
<html>
<head>
<SCRIPT>
var timer = setInterval(Run,500);
flag = 1;
function Run(){
img1 = document.getElementById("PacMan");
var init=0;
var x = 0;
var dest_x = 800;
var interval = 10;
if(x<dest_x)
x = x + interval;
img1.style.left = x+"px";
if (x+interval < dest_x)
img1.style.left = init+"px";
if(flag ==1){
img1.src = "PacMan2.png";
flag=0;
}
else {
img1.src = "PacMan1.png";
flag=1;
}
}
</SCRIPT>
</head>
<body>
<img id="PacMan" src = "PacMan1.png" onClick=clearInterval(timer)
style="position:absolute"> </img>
</body>
</html>
var定时器=设置间隔（运行，500）；
flag=1；
函数运行（）{
img1=document.getElementById（“PacMan”）；
var init=0；
var x=0；
var dest_x=800；
var区间=10；
如果（x在我看来，您必须使用（查看MDN上的示例）和JavaScript来实现这一点
var timer = setInterval("Run()",500);
你遗漏了一些逗号！尝试移动
var init=0;
var x = 0;
var dest_x = 800;
var interval = 10;
在函数Run（）之前{
现在用初始数据覆盖结果。尝试用
var x = img1.offsetLeft;
在x+interval中，将interval始终添加为零；首先获取当前的div位置。这不是答案。注释区域中会显示意见。-1用于使用eval表示法。不要向该函数传递字符串。