How to make a jquery function call after "X" seconds

Question

I have a jquery function and I need to call it after opening the website in an Iframe.

I am trying to open a weblink in an Iframe and after opening it I need to call the below function. So how do I do that?

Here is my function:

<script type="text/javascript">        $(document).ready(function(){            $("#<%=Button1.ClientID%>").click(function (event) {              $('#<%=TextBox1.ClientID%>').change(function () {                 $('#various3').attr('href', $(this).val());             });             $("#<%=Button2.ClientID%>").click();         });       })     function showStickySuccessToast() {         $().toastmessage('showToast', {             text: 'Finished Processing!',             sticky: false,             position: 'middle-center',             type: 'success',             closeText: '',             close: function () {              }         });     }      </script> 

This is my button to open the link in an IFrame:

<a id="various3" href="#"><asp:Button ID="Button1"  runat="server" Text="Button" OnClientClick="Button2_Click"/></a> 

Actually this is the simple Page I'm having:

And this is the message

Answer 1

You can just use the normal setTimeout method in JavaScript.

ie...

setTimeout( function(){      // Do something after 1 second    }  , 1000 ); 

In your example, you might want to use showStickySuccessToast directly.