首页 > 解决方案 > 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 链接到视频(我不确定如何,或者我是否可以在帖子中添加视频),我会尽快添加视频。谢谢!

标签: javascriptimagewebstormsetinterval

解决方案


推荐阅读