how to execute any function in jquery after few seconds on the click of any link

Question

I have struts2 jquery grid where on click of a row I am calling a jQuery function for performating a struts2 action. My code is running fine.

I want to perform my jQuery function after delay of a few seconds. How can I do this?

  <script type="text/javascript"> 
 //assume this code is working fine on rowselect from my jquery grid, New Updation in it is "i want to execute or load the url  after few seconds"
     $(function(){
            $.subscribe('rowselect', function(event,data) {
                var param = (event.originalEvent.id);  
                $("#myAdvanceDivBoxx").load('<s:url action='InsertbooksToSession' namespace='/admin/setups/secure/jspHomepage/bookstransaction'/>'+"?bid="+event.originalEvent.id);  
            });  
     }); 
</script>

What i tried is the below code but am unable to get the output which i am looking for:

 <script type="text/javascript">  
 $(function(){
        $.subscribe('rowselect', function(event,data) {
            var param = (event.originalEvent.id);  
            $("#myAdvanceDivBoxx").load('<s:url action='InsertbooksToSession' namespace='/admin/setups/secure/jspHomepage/bookstransaction'/>'+"?bid="+event.originalEvent.id);  
        }).delay(9000);  
 }); 
</script>

the best way is to something similar to answer [here][1]. [1]: http://stackoverflow.com/questions/1909441/jquery-keyup-delay — ianbarker, Dec 14 '12 at 17:00

score 0 · Answer 1 · answered Dec 14 '12 at 16:55

0

delay postpones functions chained after it.

http://api.jquery.com/delay/

you just need a tried and true setTimeout.

https://developer.mozilla.org/en-US/docs/DOM/window.setTimeout

answered Dec 14 '12 at 16:55

Heidtmare

21
7

i tried but not working. Please post the answer for my above question – james Bond Dec 14 '12 at 17:45

score 0 · Answer 2 · answered Dec 14 '12 at 17:01

only use delay for some animation/effects like:

$("div.first").slideUp(300).delay(800).fadeIn(400);

jQuery Delay

--

this should do the work, just use the setTimeout (docs) and see if helps you.

$.subscribe('rowselect', function(event,data) {
     var param = (event.originalEvent.id);  
     setTimeout(function(){
          $("#myAdvanceDivBoxx").load('<s:url action='InsertbooksToSession' namespace='/admin/setups/secure/jspHomepage/bookstransaction'/>'+"?bid="+event.originalEvent.id);  
     }, 9000);
 });

did u check if setTimeout is working for you ? low down the time to 1 second and debug. — Ricardo Binns, Dec 14 '12 at 19:52

how to execute any function in jquery after few seconds on the click of any link

2 Answers2