タグ

2013年4月25日のブックマーク (2件)

  • jQueryでsetTimeoutを使ってfunctionの実行を遅らせる方法|BLACKFLAG

    JavaScriptでfunctionの関数や様々な処理等を“何秒後”に実行、といった指定をする時に使う「setTimeout」。 jQueryでもこの指定を使うことが出来るのですが、必要な時に限って記述方法を忘れてしまっていることが多いので、ここにメモ書きしておきます。(ごく単純な記述なのですが…) $(function(){ setTimeout(function(){ ~ここに処理を記載~ },1000); }); 処理を記載する箇所の後ろにある数値は、“何秒後”に処理させるか、の値になります。 例えば、ページを読み込んだ後、3秒後にbodyをフェードインさせる場合。(フェードインするアニメーション時間は1秒) $(function(){ $("body").css({opacity:'0'}); setTimeout(function(){ $("body").stop().ani

    jQueryでsetTimeoutを使ってfunctionの実行を遅らせる方法|BLACKFLAG
  • jQuery で時間差でアニメーション - Web.fla

    Web.fla 主は、htmlcssphpjavascript(jQuery) デザートはactionscript!WEBに関することをメモってくサイト よくFlashでTween系のアニメーションでdelay効果で時間差で表示させるアニメーションなどをしていたがこのたび、jQueryでも試してみた。 実行結果 eachメソッドのインデックスを元にdelayメソッドを実行 //最初のインデックスの子要素のliをeachメソッドでアニメーション $con.eq(0).children().find("li").each(function(i){ //delay()メソッドで要素の数×0.15秒をかけてアニメーション $(this).stop().delay(i*15).animate({opacity:1},1000); }); といった感じで簡単です。サンプルではクリックした要素の

    jQuery で時間差でアニメーション - Web.fla