document.title = 'ユーザーがタブをアクティブにしているか判別 ただし複窓判別は不可';

function getHHMSS(){
  var d = new Date();
  var h = d.getHours();
  var m = d.getMinutes();
  var s = d.getSeconds();
  var ms = d.getMilliseconds();
  return h+':'+m+':'+s;
}

var count = 100;
var timer;
var $b;
$(function(){
  $h1 = $('<h1>').text(document.title);
  $h2 = $('<h2>').text('アクティブ時のみカウントダウンも可能');
  $b = $('<div>').css({fontSize:'80px'});
  $('#demo')
    .append($h1)
    .append($h2)
    .append($b);
});

function startTimer(){
  timer = setInterval(function(){
    if(count>0){
      count--;
      $b.text(count);
    }
  },999);
}


document.addEventListener( 'visibilitychange', () => {
  if ( document.visibilityState === 'hidden' ) {
    console.log('hideen');
    $p = $('<p>').text('hide::'+getHHMSS());
    $('#demo').append($p);
    clearInterval(timer);
    document.title = '■' + document.title;
  } else {
    console.log('view');
    $p = $('<p>').text('view::'+getHHMSS());
    $('#demo').append($p);
    startTimer();
    document.title = document.title.replace(/■/,'');
  }
}, false );
startTimer();

ページのソースを表示 : Ctrl+U , DevTools : F12

view-source:https://hi0a.com/demo/-js/js-visibility/