ページ上でhtmlを回転させる最も良い方法

Question

私は8秒ごとに自分のウェブページ内の5つの別個のHTMLの間を回転できるようにする必要があります。

これを行うにはどうすればよいですか？ JQueryまたはネイティブJSは問題ありません。

Answer 1

8000へtimeoutを変更します。

// assuming all your divs have the class `rotating-content`: 

$(document).ready(function() { 
    var divs = $('.rotating-content').hide(); 
    var curr_div = divs.first().show();   

    function nextcontent() { 
     // hide current div, then move the next one or the first div, and show it 
     curr_div = curr_div.hide().next().add(divs.first()).first().show(); 
     setTimeout(nextcontent, 5000); // 5 seconds 
    } 
    setTimeout(nextcontent, 5000); 
}); 

Answer 2

スライドショーのようですか？あなたはそれが8秒ごとに変更したい場合はhttp://jsfiddle.net/JKirchartz/zLekb/（この余分なものはどれも必要ありません、これは私がリサイクルされてきた単なる一例である）

：あなたはここでは一例ですが、malsupから

をjQuery Cycleプラグインを使用することができますそのためのプラグインの多くは間違いなくあります（これはミリ秒単位で測定されます）