我如何移动一个图像从左到右和从右到左在javascript无限的时间

How do i move an image from left to right and right to left in javascript for infinite time?

本文关键字：从右到左 无限 时间 从左到右 javascript 一个 何移动 移动 图像      更新时间：2023-09-26

我必须使用HTML CSS和Javascript制作一款吃豆游戏。我需要在游戏中移动幽灵。这是我用来控制鬼的运动的函数，但是这个函数被调用一次，然后鬼就停止了，我怎么能无限期地运行它呢?

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的解决方案将是赞赏:)

use setInterval 

setInterval(moveEnemy, 1000);

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

相关文章：