Mouseout Delay

Mouseout Delay

Hi, I currently have this code:

$(document).ready(function(){

    $("#barcode span").hover(
      function () {
      $(this).addClass("barover");
      },
      function () {
      $(this).removeClass("barover");
      }
    );
  });


I'd like to edit this so that there is a delay on the removeClass. I'm guessing it requires a settimeout but not sure how to add this. Any ideas?

Thanks!