javascript - 页面加载后运行定时函数

Question

所以我希望这个函数每 24 小时运行一次并在网站上执行几个步骤:由于某种原因，它在第一个查询选择器之后停止运行。

我希望发生的是:

run script -> click element -> wait until the next page has loaded -> click next element.

非常感谢任何帮助!

window.onload = function(){
setTimeout(function() {
    document.querySelectorAll("[href*='0310']")[0].click();
  }, 4000);
//wait until next page loads
setTimeout(function() {
  document.querySelectorAll("[href*='0310']")[1].click();
},4000);
//wait until next page loads
setTimeout(function() {
  document.querySelectorAll("[href*='0310']")[1].click();
},4000);
//wait until next page loads
setTimeout(function() {
document.querySelectorAll("[type='checkbox']")[1].click();
},4000);
//wait until next page loads
setTimeout(function() {
document.querySelectorAll(".btn-primary")[2].click();
},4000);
};

我在这里迷路了......

Answer 1

所有 setTimeout 函数将在页面加载后 4 秒后同时运行。 setTimeout 是异步完成的，因此您需要将它们更改为 4、8、12、16 和 20 秒。

setTimeout(function(){/*first*/}, 4000);
setTimeout(function(){/*second*/}, 8000); 
setTimeout(function(){/*third*/}, 12000); 
setTimeout(function(){/*fourth*/}, 16000); 
setTimeout(function(){/*fifth*/}, 20000); 

我已经设置了 jsfiddle它可以满足您的需求。