我这里有我的代码,用于具有相同类名的随机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,所以任何帮助都会非常感激。
答案 0 :(得分:5)
您可以使用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>