javascript - タイムアウト遅延のあるフェード ティッカー (setTimeout 内の setInterval)

Question

トップ 10 リストを作成して別のトップ 10 リストのセットに更新したいのですが、リスト全体を別のリストにティッカーするのは退屈で単純すぎます。

私が望むのは、フェードアウトしてから、各位置をトップ 1 からトップ 10 に次々と変更することです。

javascript/jquery の知識が不足しています。しかし、私の論理が正しければ、必要なのは 1 秒だけです。各位置のタイムアウト遅延と各位置には、互いに変化する同じ間隔遅延があります。

Answer 1

アニメーション用のjQueryを試す

アニメーションにjQueryを使用して要素をフェードインおよびフェードアウトすることと、アニメーションについて質問しているように聞こえることをお勧めします。

---

jQuery — フェード コントロール。

$(document).ready(function () {
    $('div').fadeToggle('slow'); //Fade in or out based on CSS display:.
    $('div').fadeOut('slow'); //Fade an element (div) out.
    $('div').fadeIn('slow'); //Fade an element (div) in.
});

jQuery — スライド コントロール。

$(document).ready(function () {
    $('div').slideToggle('slow'); //Slide in or out based on CSS display:.
    $('div').slideOut('slow'); //Slide an element (div) out.
    $('div').slideIn('slow'); //Slide an element (div) in.
});

jQuery — アニメーションを遅らせます。

$(document).ready(function () {
    $('div').delay(500).slideToggle('slow'); //Slide in or out based on CSS display: after half a second.
});