setInterval 垃圾邮件功能

时间:2021-02-22 03:01:28

标签: javascript image webstorm setinterval

我正在尝试使用 setInterval 命令每隔“x”秒重置一个精灵的位置,但出于某种原因,在第一次调用后,它一遍又一遍地发送命令,而不是等待所需的数量。这是我与图像绘制和更新相关的 javascript 代码:

function animate() {

    refresh = requestAnimationFrame(draw);

    background();
    imgs();
    setInterval(function() { newImgCords() }, 1000);

}

function background() {

    var canv = document.getElementById("myCanvas").getContext("2d");
    canv.fillStyle = "#c8c8c8";
    canv.fillRect( 0, 0, window.innerWidth, window.innerHeight);

}

function imgs() {

    var canv = document.getElementById("myCanvas").getContext("2d");

    canv.drawImage(face, imgX, imgY, 100, 50);

}

function newImgCords() {

    imgX = Math.random() * (400 - 100) + 100;
    imgY = Math.random() * (400 - 100) + 100;

}

我有一个关于发生了什么的视频,但我不认为我是否能够将它添加到这篇文章中。如果有帮助,请告诉我如何将 URL 链接到视频(我不确定如何链接,或者我是否可以在帖子中添加视频),我会尽快添加视频。谢谢!

0 个答案:

没有答案