I have the most basic jquery function of them all, but I couldn't find a way in the documentation to trigger the contents of this click function after say 1500 milliseconds:
$('.masonryRecall').click(function(){
$('#mainContent').masonry();
});
P.S. just noticed the .delay function jquery 1.4, although, I am using version 1.3. I don't know whether updating this would interfere with any of the other javascript I currently have.
jQuery delay() Method The delay() method sets a timer to delay the execution of the next item in the queue.
To delay a function call, use setTimeout() function. functionname − The function name for the function to be executed. milliseconds − The number of milliseconds. arg1, arg2, arg3 − These are the arguments passed to the function.
To call a jQuery function after a certain delay, use the siteTimeout() method. Here, jQuery fadeOut() function is called after some seconds.
No, but your function can set a timer event for whatever delay you want to handle it later.
You can do it with regular javascript using setTimeout()
.
$('.masonryRecall').click(function(){
setTimeout("$('#mainContent').masonry()", 1500);
});
You should generally stay away from string literals in setTimeout/setInterval. Instead use a closure:
setTimeout(function(){ $('#mainContent').masonry(); }, 1500);`
and even better use it like this (note: the outer closure isn't really necessary):
(function($){
var timeout=null;
$('.masonryRecall').click(function(){
clearTimeout(timeout);
timeout=setTimeout(function(){$('#mainContent').masonry();}, 1500);
});
}(jQuery));
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With