How do i delay this function

Question

I have this code:

$('a[href*=#]').click(function() {

  $('html, body').animate({
    scrollTop: $($.attr(this, 'href')).offset().top
  }, 500);

  return false;
});

But I need a 600ms delay after click the link so my page have chance to perform other actions that I set to 500ms, thank you in advance

Answer 1

jQuery has a delay method

$('a[href*=#]').click(function(){
    $('html, body').delay(600).animate({
        scrollTop: $( $(this).attr('href') ).offset().top
    }, 500);

    return false;
});

Answer 2

Check this out,

$('a[href*=#]').click(function(){
setTimeout(function()
{

// Things to do after 600ms

},600);

$('html, body').animate({
scrollTop: $( $.attr(this, 'href') ).offset().top
}, 500);
return false;
});