如何让JavaScript延迟,然后刷新页面

时间:2015-09-24 03:13:20

标签: javascript html getelementbyid

我喜欢我的JavaScript,在我创建的函数结束时,等待七秒钟,然后刷新我的页面。如果它很重要,我的JavaScript和HTML的重要部分如下......


使用Javascript:

var textfill = function () {
    var node = document.createElement("P");
    var x = document.getElementById('entertext').value;
    var textnode = document.createTextNode("The search results for: '" + x + "' will show up here");
    node.appendChild(textnode);
    document.getElementById("123").appendChild(node);
}

HTML:

 <input type="text" id="entertext">
 <input type="button" onclick="textfill()" value="Search">
 <p id="123">
 </p>

2 个答案:

答案 0 :(得分:3)

function refreshPage() {
    //ensure reloading from server instead of cache
    location.reload(true);
}
function delayRefreshPage(mileSeconds) {
    window.setTimeout(refreshPage, mileSeconds);
}
var textfill = function () {
    var node = document.createElement("P");
    var x = document.getElementById('entertext').value;
    var textnode = document.createTextNode("The search results for: '" + x + "' will show up here");
    node.appendChild(textnode);
    document.getElementById("123").appendChild(node);
    delayRefreshPage(2000);
}

总结@ioseph和我的个人经历。

答案 1 :(得分:2)

要在一段时间后执行某些操作,请使用setTimeout - https://developer.mozilla.org/en-US/docs/Web/API/WindowTimers/setTimeout

要刷新页面,请致电

window.location.reload