javascript - JQuery を使用して div クラスをランダムに表示する

Question

JQueryを使ってdivクラスをランダムに表示したい。コードは次のようなものです。

<div class="item">One</div>
<div class="item">Two</div>
<div class="item">Three</div>
<div class="item">Four</div>

したがって、ランダムな方法 (ランダムな結果が 1 ～ 4 の範囲内) が結果として 3 を返す場合、次のようになります。

<div class="item">Three</div>

残りは隠されています。もちろん、コードを変更して機能させることもできます。ありがとう。

Answer 1

setInterval 関数を使用します。

作業例: http://jsfiddle.net/a0c0ntjc/

setInterval(function(){
        var E=document.getElementsByClassName("item");
        var m=E.length;
        var n=parseInt(Math.random()*m);for(var i=m-1;i>=0;i--){
            var e=E[i];e.style.display='none';
        }
        E[n].style.display='';
},3000);