javascript - 每 n 秒自动随机播放 div

Question

我在这里有具有相同类名的随机 div 的代码。现在我需要的是每 n 秒（例如 15 秒）将它们随机化，而无需刷新页面。 http://jsfiddle.net/yxBhH/

JS代码：

var parent = $("#shuffle");
var divs = parent.children();
while (divs.length) {
    parent.append(divs.splice(Math.floor(Math.random() * divs.length), 1)[0]);
}

有谁知道怎么做？我仍然不习惯 javascript，所以任何帮助将不胜感激。

Answer 1

您可以使用setInterval功能：

var $parent = $("#shuffle");
var $divs = $parent.children();

setInterval(function() {
  var $clone = $divs.slice();
  while ($clone.length) {
    $parent.append($clone.splice(Math.floor(Math.random() * $clone.length), 1));
  }
}, 2000);

.hue {
  background: #ddd;
}

.hue:nth-child(2n) {
  background: yellow;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="shuffle">
  <div class="hue">one</div>
  <div class="hue">two</div>
  <div class="hue">three</div>
  <div class="hue">four</div>
</div>