How to add delay to jquery mouseover?
<p>I have a bunch of images on one page and I am using the following to trigger an event:</p>

<pre><code>$('.img').on('mouseover', function() {
 //do something

});
</code></pre>

<p>Is there some way to add a delay such that if a user hovers for maybe 1 second, then it does "//do something" or actually triggers the "mouseover" event?</p>
