Question

我必须使用HTML CSS和Javascript制作pacman游戏。我需要在整个游戏中移动鬼魂。这是我用来控制幽灵运动的函数，但是这个函数被调用一次，然后幽灵停止，我怎么能运行它无限的时间？

function moveEnemy() {
        var e1 = document.getElementById("e1");
                if(parseInt(e1.style.left)>10 && parseInt(e1.style.left)<1000)
                    e1.style.left = parseInt(e1.style.left) + 5 + 'px';
                else if(parseInt(e1.style.left)<10 && parseInt(e1.style.top)<500)
                    e1.style.top = parseInt(e1.style.top) + 5 + 'px';
                else if(parseInt(e1.style.left)<10 && parseInt(e1.style.top)>500)
                    e1.style.top = parseInt(e1.style.top) - 5 + 'px';
                else if(parseInt(e1.style.left)>1000 && parseInt(e1.style.top)>500)
                    e1.style.left = parseInt(e1.style.left) - 5 + 'px';

    }

我不能使用jQuery这样做，所以使用纯JS的解决方案将不胜感激：）

Answer 1

使用setInterval

setInterval(moveEnemy, 1000);

这将每1秒调用一次函数，如果你想要另一个间隔，请将1000更改为你想要调用该函数的任何毫秒数。

如何在javascript中无限时间从左到右，从右到左移动图像？

1 个答案: