Example for page-visibility

This is example for page-visibility. When you open other new tab or minimize page and back to original page. Alert dialog display how long have you left the page. Please check this by Chrome. 
<!DOCTYPE HTML>    
<html>    
<head>    
    <script type="text/javascript">    
         timer = 0;    
         function onLoad(){    
              document.addEventListener("visibilitychange",stateChanged);    
              document.addEventListener("webkitvisibilitychange", stateChanged);        
         }    
         function stateChanged(){    
              console.log(document.webkitVisibilityState);    
              if(document.webkitHidden){      
                   timer = new Date().getTime();    
              }    
              else {    
                   alert('Away for ' + (new Date().getTime()-timer)/1000+ ' seconds.')    
              }    
         }    
    </script>    
</head>    
<body onLoad="onLoad()"></body>    
</html>
List

Responses

0 Replies