Question

我试图创建一个带有计时器的按钮来发送警报。用户点击按钮，两秒钟后会弹出一个警告。

我的代码导致警报出现在页面加载上，然后在两秒钟之后再次显示，无论按钮单击。

var timer = setTimeout('timeUp()', 2000)

function timeUp() {
  alert("Time's Up!");
}

document.getElementById("startGame").addEventListener('click', timeUp());

Answer 1

function timeUp() {
  setTimeout(function(){
    alert("Time's Up!");
  }, 2000);
}

document.getElementById("startGame").addEventListener('click', timeUp);

Answer 2

应该是：

function timeUp() {
    var timer = setTimeout('alert("Time\'s Up!")', 2000);
}

document.getElementById("startGame").addEventListener('click', timeUp);

Answer 3

<强> [增订]

我为你做了一个示例代码笔：）。

只需稍微重新考虑原始代码即可。看看：

{{1}}

以下是完整的代码集示例的链接。

Codepen example

使用Javascript按钮和定时警报

3 个答案: