setTimeout 并刷新 page/tab 而不会丢失主题标签

Question

我是 javascript 的新手，给自己写了一个脚本

它在 Chrome 扩展中运行ning。
我正在打开一个网站，在 URL 末尾带有 #script 以启动脚本。
扩展检查 URL 中的 #script，然后执行脚本。
在脚本的末尾有一个重新加载 - 当页面重新加载时，脚本将再次运行（无限循环）> 是的，这就是我想要的！

问题：实际脚本完成后，在重新加载页面之前应该有 5 秒的超时。超时被脚本忽略，URL 中的主题标签在重新加载后丢失。循环停止，因为主题标签消失了。

我试过的：

setTimeout(location.reload(true);}, 5000);



window.setTimeout(location.reload(true);}, 5000);



setTimeout(window.open("https://MyLink.com/#script","_self");}, 5000);

所有这些都以某种方式立即执行（没有 5 秒的中断）并打开没有主题标签的页面（即使是最后一个）导致循环停止。

content.js 中的完整代码： （另外在 pastebin 上：http://pastebin.com/ey32SzBP）

chrome.extension.sendMessage({}, function(response) {
    var readyStateCheckInterval = setInterval(function() {
    if (document.readyState === "complete") {
        clearInterval(readyStateCheckInterval);


    if(window.location.hash=="#script") {


    var oneKeyOnly = true;


    function checkItem() {
    var itemsArray = ["Apples", "Bananas", "Oranges", ];
    var matchingItems = [];
    var x = document.getElementsByClassName("item");
    for(var y = 0; y < x.length; y++){
        if(itemsArray.indexOf(x[y].getAttribute("data-name")) >= 0){
            var id = x[y].getElementsByClassName("item-checkbox")[0].getAttribute("id");
            matchingItems.push(id);
        }
    }
    return matchingItems;
}


function randomIntFromInterval(min,max)
{
    return Math.floor(Math.random()*(max-min+1)+min);
}

function clickButton(val)
{
    var buttons = document.getElementsByTagName('input');
    for(var i = 0; i < buttons.length; i++)
    {
       if(buttons[i].type == 'submit' && buttons[i].value == val)
       {
           buttons[i].click();
           console.log("Trying to withdraw!");
           break;
       }
    }
}

var result = checkItem();
var lengthOfArray = result.length - 1;

if (oneKeyOnly == true) {
var rand = randomIntFromInterval(0,lengthOfArray);
document.getElementById(result[rand]).checked = true
console.log("Found: " + result[rand]);
}
else {

for(index=0, len = result.length; index < len; ++index) {
    document.getElementById(result[index]).checked = true
    keynr = index + 1;
    console.log("Found " + result.length + " fruits - Selected Nr. " + keynr + "!");
}

}
clickButton("Withdraw selected items");

setTimeout(location.reload(true);}, 5000);


}

    }
    }, 10);
});

如有不明之处，请告诉我！

Answer 1

尝试将 reload 方法包装在一个匿名函数中，就像这样

setTimeout((function(){location.reload(true)}), 5000);

setTimeout 并刷新 page/tab 而不会丢失主题标签

setTimeout and refresh the page/tab without losing the hashtag

javascript

loops

reload

google-chrome-extension