ajax - ウィンドウがぼやけたら Setinterval を一時停止する

Question

タブがアクティブかどうかを確認するためのコードを見つけました。目的は、10 秒ごとに ajax (クロス ドメイン) の URL を呼び出して、ユーザーが Web サイトにどれくらい滞在しているかを調べることです。さまざまな適応を見つけた後、ここに助けを求めています！事前に説明をありがとう:)

<script type="text/javascript">
var state='';

(function() {
    var hidden, change, vis = {
            hidden: "visibilitychange",
            mozHidden: "mozvisibilitychange",
            webkitHidden: "webkitvisibilitychange",
            msHidden: "msvisibilitychange",
            oHidden: "ovisibilitychange" /* not currently supported */
        };             
    for (hidden in vis) {
        if (vis.hasOwnProperty(hidden) && hidden in document) {
            change = vis[hidden];
            break;
        }
    }
    if (change)//this is for detecting without  focus, so it works for your second requirement
        document.addEventListener(change, onchange);
    else if (/*@cc_on!@*/false) // IE 9 and lower
        document.onfocusin = document.onfocusout = onchange
    else
        window.onfocus = window.onblur = onchange;

    function onchange (evt) {
        var body = document.body;
        evt = evt || window.event;

        if (evt.type == "focus" || evt.type == "focusin")
       {   
    body.className = "visible";
       state='visible';
        }         else if (evt.type == "blur" || evt.type == "focusout")
        {  body.className = "hidden";     state='';}
            else    {    
            body.className = this[hidden] ? "hidden" : "visible";}
    }

})();

setInterval(function() {
if(state=='visible')
{
var request = new XMLHttpRequest();
request.onreadystatechange = function() {
     if (request.readyState == 4 && request.status == 200) {
        console.log(request.responseText);
     }
  }
request.open('GET', 'http://mywebsite.com.php?v=<?php echo $idvisite;?>', true);
request.send();
}
}, 10000);

</script>