JSFiddle - React, Tailwind, and code Playground

HTML

<span onmouseover="mouseHover()"> Hover this text</span>

<p id="demo" ></p>

JavaScript

function mouseHover() {
    startTimer();
}

var timer;

function startTimer() {
    window.clearTimeout(timer);
    timer = window.setTimeout(function(){
        getElementById("demo").innerHTML="Hovered!";
    },3000); 
}