how to add if condition for mouseover (cursor) exceeds three scond in a "a tag"?

My question is not a time duration of animation. My question is - If mouse is stay more than 3 second in TAG. Hover effect will come, but never load the data before 3 second. So load the data after 3 seonds only. From my end below are my html code and i can't add class name and id name because all are dynamic

Html:

<a href="#" style="display: inline !important; cursor:pointer;">
   <div onmouseover="Snapshot("some backend data")"></div>
</a>

This type of structure i am looking.

if (time >= 3000s)
{
add data
}
else
{
add another
}