Cómo hacer una llamada a la función jquery después de "X" segundos

Question

Tengo una función jquery y debo llamarla después de abrir el sitio web en un iframe.

Estoy tratando de abrir un enlace web en un Iframe y después de abrirlo necesito llamar a la función siguiente. Entonces, ¿cómo puedo hacer eso?

Aquí es mi función:

<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> 

Ésta es mi botón para abrir el enlace en un iframe:

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

En realidad este es el simple Página estoy teniendo:

Y este es el mensaje

Answer 1

Puede utilizar el método setTimeout normal en JavaScript.

es decir ...

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

En su ejemplo, es posible que desee utilizar showStickySuccessToast directamente.

Answer 2

Si pudiera mostrar la página real, nosotros, posiblemente, podríamos ayudarlo mejor.

Si desea activar el botón sólo después de que se carga el iframe, es posible que desee comprobar si ha sido cargada o utilice el iframe.onload:

<iframe .... onload='buttonWhatever(); '></iframe> 


<script type="text/javascript"> 

    function buttonWhatever() { 
     $("#<%=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>