Jquery delay execution of script

Question

Having the following:

$('#navMain .nav1').hover(function () {
    $(this).addClass('hover');
    if ($.browser.msie && $.browser.version < 7) 
        $('select').css('visibility', 'hidden');
}, function () {
    $(this).removeClass('hover');
    if ($.browser.msie && $.browser.version < 7) 
        $('select').css('visibility', 'visible');
});

I need to delay the executing of addClass('hover') after hovering over $('#navMain .nav1') element.

I've tried this but it doesn't work:

$(this).delay().addClass('hover');
if ($.browser.msie && $.browser.version < 7) 
    $('select').delay().css('visibility', 'hidden');

thanks

Pedro L. · Accepted Answer · 2012-08-02 09:17:21Z

9

setTimeout( function(){

  // your stuff here

}, 500); // delay 500 ms

with your code:

$('#navMain .nav1').hover(

  function () {
    setTimeout( function(){
        $(this).addClass('hover');
        if ($.browser.msie && $.browser.version < 7) $('select').css('visibility', 'hidden');
    }, 500); // delay 500 ms
  }, 

  function () {
    $(this).removeClass('hover');
    if ($.browser.msie && $.browser.version < 7) $('select').css('visibility', 'visible');
  }

);

edited Aug 2, 2012 at 9:17

answered Aug 2, 2012 at 9:12

Pedro L.

7,5963 gold badges28 silver badges27 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Adrien E · Accepted Answer · 2012-08-02 09:17:41Z

3

If a simple javascript delay can help you, you can do as follow:

setTimeout(function() {
  // your code here
}, 3000);

With the following signature: setTimout(functionToExecute, delayInMs);

and the documentation: http://www.w3schools.com/js/js_timing.asp

Hopping I help you.

answered Aug 2, 2012 at 9:17

Adrien E

1164 bronze badges

Collectives™ on Stack Overflow

Jquery delay execution of script

2 Answers 2

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related