Как сделать вызов функции jquery после секунд "X"

У меня есть функция jquery, и мне нужно вызвать ее после открытия веб-сайта в iframe.

Я пытаюсь открыть веб-ссылку в iframe и после ее открытия мне нужно вызвать функцию ниже. Итак, как мне это сделать?

Вот моя функция:

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

Это моя кнопка, чтобы открыть ссылку в IFrame:

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

На самом деле это простая страница, у меня есть:

И это сообщение

Ответ 1

Вы можете просто использовать обычный метод setTimeout в JavaScript.

е...

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

В вашем примере вы можете напрямую использовать showStickySuccessToast.

Ответ 2

Если бы вы могли показать фактическую страницу, мы, возможно, могли бы помочь вам лучше.

Если вы хотите запускать кнопку только после загрузки iframe, вы можете хотите проверить, была ли она загружена или использовать 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>