随机数 javascript onclick 不起作用

Question

我正在尝试使用 setTimeout。

没有 setTimeout 我的 function 工作，但使用 setTimeout 它停止。 任何人都知道我做错了什么？ 我希望 function 在点击后仅工作 3 秒。

let d6
document.getElementById("rollButton").onclick = function d6click(){
d6 = Math.floor(Math.random() * 6) + 1;
document.getElementById("resultd6").innerHTML = d6;
};
setTimeout(d6click, 3000)

Answer 1

你需要像这样声明的 function -

function d6click(){
    let d6 = Math.floor(Math.random() * 6) + 1;
    document.getElementById("resultd6").innerHTML = d6;
};
document.getElementById("rollButton").onclick = ()=>{
    setTimeout(d6click, 3000)
};

Answer 2

您正在设置回调，但实际上并未执行 setTimeout function。 当您调用它时，它将启动计时器，因此您应该在事件块内调用它

document.getElementById("rollButton").onclick = function d6click(){
    setTimeout(d6click, 3000)
};

function timeout(){
    let d6 = Math.floor(Math.random() * 6) + 1;
    document.getElementById("resultd6").innerHTML = d6;
}