JSFiddle - React, Tailwind, and code Playground

HTML

<img src="http://wpmu.org/wp-content/uploads/2010/04/jquery-logo1-150x150.png" class="my_box" />

CSS

.hovering
{
    border: 10px solid red;   
}

JavaScript

$(function() {
    var hover_off = false;
    var hover_count = 1000;
    
    $(".my_box").mouseover(function() {
        hover_off = false;
        $(this).addClass('hovering');
    });

    $(".my_box").mouseout(function() {
        hover_off = true;
        setTimeout(myMouseOut, hover_count);
    });

    function myMouseOut() {
        if (hover_off) {
            $(".my_box").removeClass('hovering');
        }
    }
});