Edit this tooltip implementation so the tooltip waits x seconds to hide

i am creating this tooltip,

http://jsfiddle.net/GLZFc/

And it works fine for now! but I'd like the tooltip waited x seconds 开发者_开发技巧to hide (and if i mouseover again, the countdown to reset,

how could i implement this? (how can i combine setTimeout here?)

---

http://jsfiddle.net/GLZFc/48/

---

You can call .delay(someTime) before your fadeout. (You need a newer version of JQuery in the fiddle)

http://jsfiddle.net/GLZFc/40/

---

setTimeout("$('.miTooltip').fadeOut(500)", 5000);