Почему моя страница не обновляется автоматически?

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 is not an object (evaluating 'theDiv.addEventListener')

Большое спасибо, ребята, просто посмотрите на @ ответ Стефана, он отлично работает для меня.

Answer 1

Это опрашивает каждый второй ищет своего класса и авто-перезагружается, когда он существует

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