<div id='mask' style='display:none'></div>
<script>
var time = null;
var flag=0;
var el = document.getElementById('mask');
function fullXY(){
var $a = document.documentElement;
var $h = $a.clientHeight;
var $w = $a.clientWidth;
return {width:$w,height:$h};
}
function createMask(){
var _el = el;
var xy = fullXY();
_el.style.position='absolute';
_el.style.backgroundColor='red';
_el.style.display = 'none';
_el.style.width= xy.width + 'px';
_el.style.height = xy.height + 'px';
}
function display(){
el.style.display='block';
flag=1;
}
function none(){
el.style.display='none';
flag=0;
}function mask(){
createMask();
time = setTimeout(display,5000);
}function loop(){
clearTimeout(time);
if(flag){
none();
}
time = setTimeout(display,5000);
}window.addEventListener('load',mask);
document.addEventListener('mousemove',loop);