JSFiddle - React, Tailwind, and code Playground

HTML

<div id="screensaver">  </div>

CSS

#screensaver {
    width: 100%;
    height: 400px;
    background-color: #ededed;
}

JavaScript

var s_saver;

$('body').mousemove(function() {
    clearTimeout(s_saver);
    
    s_saver = setTimeout(function(){
        $('#screensaver').fadeIn(900);
    }, 4000);
    
    $('#screensaver').fadeOut(100);
});