title: How to add delay to jquery mouseover?
body: <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>