80

以下のグローバル jQuery 関数を保存していますが、ページの読み込み時に、1000 の遅延後に実行したいと考えています。構文に何か問題がありますか? 遅延は常に関数の前にあることを知っています。応答していません。

グローバル機能:

function showpanel() {     
       $(".navigation").hide();
       $(".page").children(".panel").fadeIn(1000);
    ;}

実行機能:

parallax.about.onload=function(){
    $('#about').delay(3000).showpanel();
};
4

5 に答える 5

151 
$(document).ready(function() {

  // place this within dom ready function
  function showpanel() {     
    $(".navigation").hide();
    $(".page").children(".panel").fadeIn(1000);
 }

 // use setTimeout() to execute
 setTimeout(showpanel, 1000)

});

詳しくはこちら

于 2012-06-02T05:58:20.163 に答える
49

検索したところ、次の URL の解決策の方が優れていることがわかりました。

http://www.tutorialrepublic.com/faq/call-a-function-after-some-time-in-jquery.php

試してみる価値があります。

指定された関数を、現在thisである一致した要素で実行される関数のキューに追加します。

 $(this).delay(1000).queue(function() {

     // your Code | Function here
     
     $(this).dequeue();
  
  });

次に、現在thisである一致した要素のキューで次の関数を実行します。

-- 編集 [ dequeueコマンドの可能な説明]

コマンドを見てみましょう

jQueryエンジンに関数を内部キューに追加するように命令し、特定の時間が経過したらその関数を呼び出すように命令しますが、これまでのところ、エンジンからキューから取り出すように命令していません。右？！そして、すべての作業が完了したら、jQuery エンジンから手動でデキューします。説明が役立つことを願っています。

于 2016-01-05T14:58:40.497 に答える
34

jQuery でタイムアウト機能を追加できます (3 秒後にアラートを表示):

$(document).ready(function($) {
    setTimeout(function() {
     alert("Hello");
    }, 3000);
});
于 2016-12-23T10:55:59.783 に答える
1

この回答は、JQuery関数を使用して遅延を発生させる方法を理解するのに役立ちます。delay

アラートがあり、アラート テキストを設定してからアラートを表示し、数秒後に非表示にしたいとします。

簡単な解決策は次のとおりです。

$(".alert-element").html("I'm the alert text").fadeIn(500).delay(5000).fadeOut(1000);

それは完全に簡単です：

  1. .html()のテキストを変更します.alert-element
  2. .fadeIn(500)500ミリ秒後にフェードインします
  3. JQuerydelay(5000)関数は、次の関数を呼び出す前に 5000 ミリ秒の遅延を発生させます
  4. .fadeOut(1000)ステートメントの最後にフェードアウトします.alert-element
于 2016-07-31T12:55:59.513 に答える
0

jQuery のdelay()メソッドを使用して、遅延時間間隔を設定するだけです。

HTML コード:

  <div class="box"></div>

JQuery コード:

  $(document).ready(function(){ 
    $(".show-box").click(function(){
      $(this).text('loading...').delay(1000).queue(function() {
        $(this).hide();
        showBox(); 
        $(this).dequeue();
      });        
    });
  });

ここで例を見ることができます: jQuery でしばらくしてから関数を呼び出す方法

于 2021-02-01T18:44:54.703 に答える