title: How to make a jquery function call after "X" seconds
body: <p>I have a jquery function and I need to call it after opening the website in an Iframe.</p>
  
  <p>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?</p>
  
  <p>Here is my function:</p>
  
  <pre><code>&lt;script type="text/javascript"&gt;
         $(document).ready(function(){
             $("#&lt;%=Button1.ClientID%&gt;").click(function (event) {
  
              $('#&lt;%=TextBox1.ClientID%&gt;').change(function () {
                  $('#various3').attr('href', $(this).val());
              });
              $("#&lt;%=Button2.ClientID%&gt;").click();
          });
        })
      function showStickySuccessToast() {
          $().toastmessage('showToast', {
              text: 'Finished Processing!',
              sticky: false,
              position: 'middle-center',
              type: 'success',
              closeText: '',
              close: function () {
  
              }
          });
      }
  
      &lt;/script&gt;
  </code></pre>
  
  <p>This is my button to open the link in an IFrame:</p>
  
  <pre><code>&lt;a id="various3" href="#"&gt;&lt;asp:Button ID="Button1" 
  runat="server" Text="Button" OnClientClick="Button2_Click"/&gt;&lt;/a&gt;
  </code></pre>
  
  <p>Actually this is the simple Page I'm having:</p>
  
  <p><img src="https://i.stack.imgur.com/Yhtfk.png" alt="enter image description here"></p>
  
  <p>And this is the message
  <img src="https://i.stack.imgur.com/YItR7.png" alt="enter image description here"></p>