// For ease, change this to a smaller value to detect more often, higher to detect less often!
const intervalTimeout = 2000;
let a = 0;

// Here's our interval, setting up the initial capture of no activity
let activityTimeout = setInterval(recordNoActivity, intervalTimeout);

// A single function to handle the events we're listening to.
// clears the interval and restarts it, also tells us which event has cleared the interval!
    function activityDetected(eventName) {
		
	//On every click
        if(eventName == 'click'){
			
	    //We add +1 to a
            ++a;
			
	   //if there are 50 clicks 
            if(a%50 == 0){
				
                // Trigger whatever I want to trigger
		console.log(`50 click!`);
            }
        }
	//Message displayed on every click/keyup/down
        console.log(`Activity detected with the event name: ${eventName}!`);
        clearInterval(activityTimeout);
        activityTimeout = setInterval(recordNoActivity, intervalTimeout);
    }
     
// Set listening events
document.addEventListener('keyup', _ => {
    activityDetected('keyup');
});

document.addEventListener('click', _ => {
    activityDetected('click');
});

$( "div" ).mousemove(function( event ) {
  var pageCoords = "( " + event.pageX + ", " + event.pageY + " )";
  var clientCoords = "( " + event.clientX + ", " + event.clientY + " )";
  $( "span:first" ).text( "( event.pageX, event.pageY ) : " + pageCoords );
  $( "span:last" ).text( "( event.clientX, event.clientY ) : " + clientCoords );
});