web-dev-qa-db-fra.com

Comment faire un appel de fonction jquery après "X" secondes

J'ai une fonction jquery et je dois l'appeler après avoir ouvert le site Web dans un Iframe.

J'essaie d'ouvrir un lien Web dans un Iframe et après l'avoir ouvert, je dois appeler la fonction ci-dessous. Alors, comment je fais ça?

Voici ma fonction:

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

Voici mon bouton pour ouvrir le lien dans un IFrame:

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

En fait, c'est la simple page que j'ai:

enter image description here

Et c'est le message enter image description here

jqueryfunctioncallsettimeout
24
coder

Vous pouvez simplement utiliser la méthode setTimeout normale en JavaScript.

c'est à dire...

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

Dans votre exemple, vous souhaiterez peut-être utiliser showStickySuccessToast directement.

98
Layke

Si vous pouviez afficher la page réelle, nous pourrions peut-être mieux vous aider.

Si vous souhaitez déclencher le bouton uniquement après le chargement de l'iframe, vous pouvez vérifier s'il a été chargé ou utiliser l'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>
3
zequinha-bsb