2016-07-14 14 views
0

私は以下のコードを持っています。ランダムなものへの順次出力の変更方法

<!doctype html> 
<html> 
<head> 
<meta charset="UTF-8"> 
<title>Untitled Document</title> 
</head> 
<body> 
<div id="changeText" ></div> 
    <script type="text/javascript"> 
    var tvShows = ['Bones', 'Psych', 'Big Bang Theory', 'Mad Men', 
'Breaking Bad', 'Modern Family', 'Game of Thrones', 'Dexter']; 
    var counter = 0; 
    var elem = document.getElementById("changeText"); 
    setInterval(change, 2000); 
    function change() { 
    elem.innerHTML = tvShows[counter]; 
     counter++; 
     if(counter >= tvShows.length) { counter = 0; } 
    } 
    </script> 
</body> 
</html> 

これは、アレイに書き込まれた順に配列内のリストを出力します。私の質問は、出力をランダムに変更する方法です。どんな援助も感謝して受け取りました。

+2

以下のように[ 'Math.random()'](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Math/randomは)あなたが作成を支援します乱数。 – Timo

答えて

0

js関数を変更して配列からランダムな要素を選択します。

var tvShows = ['Bones', 'Psych', 'Big Bang Theory', 'Mad Men', 
     'Breaking Bad', 'Modern Family', 'Game of Thrones', 'Dexter' 
    ]; 

    var elem = document.getElementById("changeText"); 
    setInterval(change, 1000); 

    function change() { 
     var counter = Math.floor(Math.random() * tvShows.length); 
     elem.innerHTML = tvShows[counter]; 
    } 
関連する問題