JSFiddle - React, Tailwind, and code Playground

by Glenn Marks

HTML

<script src="https://code.jquery.com/jquery-3.1.0.min.js"></script>
<div id="MeHover">
MY AREA
</div>
<br/><br/>

CSS

.over{
  position:absolute;
  top:20px;
  left:0;
  right: 0;
  background: green
}

JavaScript

var 
	hov = $("<div class=\"over\">I'm Over You</div>"),
	box = $("<div>Result: WAITING</div>")


$("body").append(hov).append(box);

$("#MeHover").on('mouseleave', function(){
	var d = new Date();
	box.html("Result: <b>" + hov.is(":hover").toString().toUpperCase() + "</b> (" + ("0"+d.getHours()).substr(-2) + ":" + ("0"+d.getMinutes()).substr(-2) + ":" + ("0"+d.getSeconds()).substr(-2) + " " + ("0"+d.getDate()).substr(-2) + "/" + ("0"+d.getMonth()).substr(-2) + "/"+ d.getFullYear() + ")");
});