Toggle JavaScript OnClick function seconds after seconds

Question

On my submit button, I have onclick="list_activity(); but how can I make the list_activity(); function run about 2 seconds after the button is clicked instead of straight away?

HTML code I'm using:

<textarea name="blab_field" id="blab_field" style="width:98%;height:55px;" placeholder="What is on your mind?  - What are you doing right now? - Tag people with @username (username can be found on profiles)"></textarea>

          <input name="mem_id" id="mem_id" type="hidden" value="4" />
          <input name="poster_id" id="poster_id" type="hidden" value="<?php echo $logOptions_id; ?>" />
          <input type="hidden" name="type" id="type" value="a" />
          <input type="hidden" name="device" id="device" value="Google Chrome : Windows 7" />
           <input name="submit" type="submit" style="width:100%;" onClick="post_chat();" class="btn btn-info" value="Post Blab" />

Praveen · Accepted Answer · 2013-07-22T13:27:36.647

4

$('input[type=submit]').on('click', function(){
     setTimeout(list_activity, 2000);                    
}});

UPDATES:

HTML:

<input name="submit" type="submit" style="width:100%;" onClick="post_chat();" class="btn btn-info" value="Post Blab" />

JS:

  <script type="text/javascript">
    function post_chat() {
        setTimeout(list_activity, 2000); 
            //your todos
    }

    function list_activity() {
        //your todos 
    }
    </script>

edited Jul 22 '13 at 13:27

answered Jul 22 '13 at 13:13

Praveen

55,303
33
133
164

This actually adds the function to every `input` of type `submit`. Not a good solution! – Amberlamps Jul 22 '13 at 13:18
Under ` – Praveen Jul 22 '13 at 13:19
What's the better solution? – James Jul 22 '13 at 13:22
@James you can't have like this. onClick="post_chat();setTimeout(list_activity(), 2000);" Let me give you a nice way. – Praveen Jul 22 '13 at 13:22
@user1671639: It doesn´t matter. Don´t solve tasks for the global scope, if not explicitly ask for. Please edit your answer! – Amberlamps Jul 22 '13 at 13:22
@user1671639 Thank you :) What is the nice way then? – James Jul 22 '13 at 13:23

score 2 · Answer 2 · answered Jul 22 '13 at 13:11

What you need is setTimeout()

Calls a function or executes a code snippet after specified delay.

Your list_activity function should like

function list_activity (
        setTimeout(function () {
                              formid.submit();
                        }, 2000);                    
                  }

}

score 1 · Answer 3 · answered Jul 22 '13 at 13:12

1

You can use it.

setTimeout(function() { your_function(); }, 2000);

answered Jul 22 '13 at 13:12

delibalta

300
2
11

score 1 · Answer 4 · answered Jul 22 '13 at 13:14

1

Just have it in a setTimeout:

onclick="setTimeout(list_activity, 2000);"

answered Jul 22 '13 at 13:14

Amberlamps

39,180
5
43
53

score 0 · Answer 5 · edited May 23 '17 at 12:21

0

Maybe the SetTimeOut method can be usefull to you :

setTimeout(myFunction, 3000);// if you have defined a function named myFunction it will run after 3 seconds (3000 milliseconds)

You can see a really good explanation of how to delay your code here : see the SolutionYogi response

edited May 23 '17 at 12:21

Community

1
1

answered Jul 22 '13 at 13:19

Sylv21

345
2
11

score -1 · Answer 6 · answered Jul 22 '13 at 13:13

-1

onclick="setTimeout(list_activity(), 2000);"

answered Jul 22 '13 at 13:13

Kaushal De Silva

592
3
8

1

@KaushalDeSilva I'm have not downvoted. It should be `setTimeout(list_activity, 2000)` no need of () – Praveen Jul 22 '13 at 13:19
My bad. I'll leave it here as is, so people can see the problem vs. the correct method. – Kaushal De Silva Jul 22 '13 at 13:20

Toggle JavaScript OnClick function seconds after seconds

6 Answers6