HTML中的JavaScript-通过单击img逐渐增加时间

HTML中的JavaScript-通过单击img逐渐增加时间,javascript,html,html5-canvas,Javascript,Html,Html5 Canvas,我有一个问题,就是用鼠标点击图像,逐渐增加图像的出现时间。我希望你们都能看一看,并就此向我提出建议 代码如下: function randomTime(min, max) { return Math.round(max); } function randomHole(mines) { const idx = Math.floor(Math.random() * mines.length); const mine = mines[idx]; if (mine ==

我有一个问题,就是用鼠标点击图像,逐渐增加图像的出现时间。我希望你们都能看一看,并就此向我提出建议

代码如下:

function randomTime(min, max) {
    return Math.round(max);
}

function randomHole(mines) {
    const idx = Math.floor(Math.random() * mines.length);
    const mine = mines[idx];
    if (mine === lastHole) {
        return randomHole(mines);
    }
    lastHole = mine;
    return mine;
}// show gold car

function appear() {
    const time = randomTime(2000, 500);
    const mine = randomHole(mines);
    mine.classList.add('up');
    setTimeout(() => {
        mine.classList.remove('up');
        if (!timeUp) appear();
    }, time);
}

我被要做的事情压得喘不过气来,可能是我想不出来的情况。。。提前谢谢大家。

我不确定,但我认为您需要修复这一行:

return Math.round(max);

因为函数刚好取整最大值

我不明白你想做什么。请详细解释。你说的“增加图像出现的时间”是什么意思?我正在创建一个游戏,它将在6个随机位置显示一个图像,用户每次点击img时,它将增加1分。总的来说,我有img和一切正常工作,但我只是想显示的img更快,一旦用户点击它,所以它变得越来越快,难以捕捉每一次。我可能会创建一个功能来重置速度,一旦用户感觉不再捕捉img回到正常的默认速度。但是,是的,这就是我从现在开始不会做的,每次单击时逐渐增加de-speed…你有什么建议吗?这样你就可以简单地执行如下操作
return Math.random()*(max-min)+min我以前这样做过,给我的最大值和最小值之间的随机时间。。。我需要它从最小值(2000ms)增加到最大值(500ms),每次用户点击img,它就会变得更硬。你可以尝试上一次和最大值传递这个函数,并做一些类似的事情:
函数randomTime(last,max){return(max-last)/2+last;}
我实际做过:
返回Math.round(Math.random()*(max-min)+分钟)并给了我随机时间。顺便说一句