jQuery setTimeout

I'd like to add a timeout to this tooltip code so it only displays if the mouse hovers over it after a while rather than immediately... I tried adding the `setTimeout()` but I could not figure out how to use the `clearTimeout()` so the tooltip does not hide on mouseout. Can you help? // ----------------------------------------------- // TOOLTIP MOUSE HOVER // ----------------------------------------------- function mcTooltip() { $('.mcTxb').mousemove(function(e) { var mcHoverText = $(this).attr('alt'); var mcTooltip = $('.mcTooltip'); $(mcTooltip).text(mcHoverText).show('fast'); $(mcTooltip).css('top', e.clientY + 10).css('left', e.clientX + 10); }).mouseout(function() { var mcTooltip = $('.mcTooltip'); $(mcTooltip).hide('fast'); }); } mcTooltip(); I tried this: // ----------------------------------------------- // TOOLTIP MOUSE HOVER // ----------------------------------------------- function mcTooltip() { $('.mcTxb').mousemove(function(e) { var mcHoverText = $(this).attr('alt'); var mcTooltip = $('.mcTooltip'); setTimeOut(function(){ $(mcTooltip).text(mcHoverText).show('fast'); }, 300); $(mcTooltip).css('top', e.clientY + 10).css('left', e.clientX + 10); }).mouseout(function() { var mcTooltip = $('.mcTooltip'); $(mcTooltip).hide('fast'); }); } mcTooltip();
Why not just remove the "mouseout" callback?

以上就是jQuery setTimeout的详细内容,更多请关注web前端其它相关文章!

赞(0) 打赏
未经允许不得转载:web前端首页 » jQuery 答疑

评论 抢沙发

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址

前端开发相关广告投放 更专业 更精准

联系我们

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏