执行此代码时，我无法看到警告框

Question

在此代码中，当我运行此代码时，我无法看到我的警告框

setInterval(function () {
    location.reload(true);
    $(document).ready(function(){
        alert($("h2").text())
    }) 
}, 6000)

该页面在6秒后重新加载，但我没有看到我的警告框。我想了解原因，假设标签h2包含文本...谢谢

Answer 1

一旦执行location.reload（true），页面就会重新加载，而其余的脚本永远不会被执行。

如果您想在页面重新加载（annoying demo #1）之前发出警报，请执行以下操作：

$(document).ready(function () {
    setInterval(function () {
        alert($("h2").text());
        location.reload(true);
    }, 6000);
});

如果您希望页面加载后发出警报（即首次加载和每次重新加载后）（annoying demo #2），请执行以下操作：

$(document).ready(function () {
    alert($("h2").text());
    setInterval(function () {
        location.reload(true);
    }, 6000);
});

Answer 2

你的事件在执行之前就已经发生了。应该使用这样的东西......

setInterval(function(){
  (function(){
    alert($("h2").text());
    location.reload(true);       
  })();
}, 6000);