如何延迟执行JavaScript函数

Question

我使用了这段代码，当我刷新页面时，它可以自动点击按钮。但是我想要添加一个延迟，让它在重新加载页面后的60秒后再点击按钮。

window.onload = function () {
  var button = document.getElementById('clickButton');
  button.form.submit();
};

- Mohamed Ashraf Fahim

---

setTimeout是一个JavaScript函数，它可以在指定的时间后调用一个回调函数。第一个参数是回调函数，第二个参数是时间（以毫秒为单位）。这个函数返回一个唯一的标识符，可以用来取消计时器。 - Andy

Answer 1

window.onload = function() {
  setTimeout(() => {
    var button = document.getElementById('clickButton');
    button.form.submit();
  }, 60000); 
}

使用setTimeout()方法 https://developer.mozilla.org/en-US/docs/Web/API/setTimeout

- Lundstromski

---

我尝试过这个，但它没有起作用。 - Mohamed Ashraf Fahim

“it didn't work”是什么意思？它的行为是什么？控制台中有任何错误吗？ - CherryDT

Answer 2

延迟页面执行某些功能，使用setTimeout在大多数情况下需要两个参数，其中第一个参数是在毫秒中给定的一定时间后要执行的函数，由第二个参数确定。

setTimeout(
function(){
 var button = document.getElementById('clickButton'); 
button.form.submit(); 
}
, 60*1000);//60 * 1000 = 60000ms = 60s 

- XMehdi01

---

setTimeout 接受多个参数。 - Andy

是的，但在大多数情况下我们使用两个，在他的情况下，但我们也可以使用传递给由函数指定的函数的附加参数。 - XMehdi01

如果我的页面上有一个按钮，如何使该按钮在一段时间内消失，并在此期间自动被点击，以便用户可以观看广告，之后按钮将被自动点击。 - Mohamed Ashraf Fahim

你可以使用CSS属性来隐藏它，例如 button.style.visibility='hidden';。 - XMehdi01