The simplest way to do this is to use the setTimeout method (straight JS)
and give it an anonymous function as callback to trigger after given period.
Something like this should do the trick :
$('a.delayed').click(function() { // assuming these links all share the
"delayed" class
var clicked = $(this); // when setTimeout calls your anonymous function,
"this" will point to something else entirely
setTimeout(function () {
window.location.href = clicked.attr('href'); // assuming you want to go
wherever the link points to
}, 1000);
return false; // to prevent default action to be immediately triggered
});
Hope it helps.
Michel Belleville
2010/1/4 david.vansc...@gmail.com <david.vansc...@gmail.com>:
> I've been searching high and low on Google over the last hour looking
> for this, but can't seem to find anything. Maybe I'm using the wrong
> search terms, but I'd think what I'm trying to accomplish is something
> that's been done before.
>
> What I'm looking to do is delay the action of a click for a set period
> of time. I have a list of links for download zip archives and when
> you click on one of those links, I use the BlockUI plugin to show an
> overlay with a message that tells the user their download will start
> momentarily. The reason this is done is so that I can fire off an
> AJAX event that inserts a record into a database for download
> tracking. Ideally what I'd like to do is fire the AJAX event (which
> should only take about .2 seconds to run) and then wait for 2 or 3
> seconds before unblocking the UI and *then* letting the default action
> of the click (offering up the zip archive) fire.
>
> Any ideas how I might accomplish something like this?
>
