Как сделать часть Javascript работы только тогда, когда пользователь находится на другой вкладке?

Question

У меня есть следующий javascript, чтобы изменить заголовок веб-страницы снова и снова каждые пять секунд.

<script> 
     var titleArray = ["TITLE-1","TITLE-2","TITLE-3","TITLE-4"]; 
     var N = titleArray.length; 
     var i = 0; 
     setInterval(func,5000); 
     function func(){ 
      if (i == 4) { 
       i = 0; 
      } 
      document.title = titleArray[i]; 
      i++; 
     } 

</script> 

Я хочу работать только тогда, когда пользователь открывает другую вкладку, чтобы «привлечь» его/ее назад к моему site.While он/она находится на моем сайте, я хочу это Javascript, чтобы перестать работать поэтому название веб-страницы - это то, что я просто пишу в тегах заголовка.

вот резюме того, что я хочу.

<script> 
if (the user is not on this tab but has opened and is using a different tab) 
{the javascript I have mentioned above}; 
elce {nothing so the title tags work}; 
</script> 

P.S: Это хорошая идея? Есть другие предложения? Мне просто нравится думать из коробки.

Answer 1

Пожалуйста, попробуйте использовать ниже сценарий.

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
<script type="text/javascript"> 
    var isActive; 

    window.onfocus = function() { 
     isActive = true; 
    }; 

    window.onblur = function() { 
     isActive = false; 
    }; 

    // test 
    var titleArray = ["TITLE-1","TITLE-2","TITLE-3","TITLE-4"]; 
    var N = titleArray.length; 
    var i = 0; 
    function changeTitle(){ 
     if (i == 4) { 
      i = 0; 
     } 
     document.title = titleArray[i]; 
     i++; 
    } 

    setInterval(function() { 
     if(window.isActive !== true){ 
     changeTitle(); 
     } 
    }, 1000); 
</script>