为什么我的页面无法自动刷新？

Question

我的目标是在课程p.fancybox-error可见时刷新页面，但我想知道为什么这部分代码在页面顶部不起作用。

<script type="text/JavaScript">
  var theDiv = document.querySelector("p.fancybox-error");
  theDiv.addEventListener("click", function() {
    setTimeout(function(){ location.reload(); }, 5000);
  });
</script>     

我把它放在这条线下：

<script type="text/javascript" src="https://code.jquery.com/jquery-2.2.4.min.js"></script>

但它给了我这个错误：

  

null不是对象（评估＆＃39; theDiv.addEventListener＆＃39;）

非常感谢大家，看看@ Stephane的答案，它对我来说非常适合。

Answer 1

这会每秒查看您的课程并在其存在时自动重新加载

$(function() {
  setInterval(function() {
    if($("p.fancybox-error").length) location.reload();
  }, 1000);
});