javascript - 加载文档时的jQuery，每3秒检查一次并重新加载

Question

我有这样的代码：

$(document).ready(function () {
    var el = $('#solving');    
    setInterval(function(){
      if (el.text() == 'gotta!...'){
        location.reload();
      }
    },3000);
  });

我想做的是，在我的页面加载后，我每 3 秒检查一次我的 html 页面，显示文本“必须！...”，如果存在，我必须刷新这个页面，但由于某些原因它没有不行。我做错了什么？

如何检查显示某些文本的页面（带计时器）并重新加载？

Answer 1

检查以下示例或 jsbin ( http://jsbin.com/ibOmaSu/3/edit )：

$(document).ready(function () {
 var el = $('#solving');    
  setInterval(function(){
    console.log("Checking if el has text");
    if (el.text() == 'gotta!...'){
      console.log("Reloading");
      location.reload();
    }
  },3000);

// This will simulate whatever adds text to el
setTimeout(function() {
  el.text('gotta!...');
},10000);  
});

小记：我只能想象location.reload在 www.jsbin.com 中不起作用，因为它被捕获和中断，所以在本地测试。我添加了一个console.log来证明它符合正确的代码行。