JSFiddle - React, Tailwind, and code Playground

by Eraz Eraz

HTML

<div class="btn" ">
Hover
</div>

CSS

.btn{
        width:200px;
        height: 250px;
        background: yellow;
        float: left;
        /*display: none;*/
    }

JavaScript

$(document).ready(function(){
    function red(){
        $('.btn').css('background', 'red');
    };
$('.btn').hover(function(){
   k = setTimeout(red,3000);

},function(){
    clearTimeout(k);
    $('.btn').css('background', 'yellow');
});

});