我想在短时间内随机更改div
其中的一个元素div
(即:这是巴黎,这是苹果等)
我有这行HTML:
<div id="A">
THIS IS
</div>
<div id="B">
<div>AN APPLE</div>
<div>PARIS</div>
<div>PICASSO</div>
</div>
这是我以前使用的代码,但是现在我想使用不同的div而不是数组。
var textarray = [
"AN APPLE",
"PARIS",
"PICASSO"
];
function RndText() {
var rannum= Math.floor(Math.random()*textarray.length);
document.getElementById('B').innerHTML=textarray[rannum];
}
onload = function() { RndText(); }
var inter = setInterval(function() { RndText(); }, 1000);
有人能帮我吗?
提前致谢!
您只需要使用Math.random
和即可setInterval
。下面的代码段:
$(function() {
var n = 0;
setInterval(function() {
n = Math.floor((Math.random() * 3));
$("#B div").hide();
$("#B").find('div:eq('+n+')').show();
},500);
});
#B div:not(:first-child) {
display: none;
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="A">
THIS IS
</div>
<div id="B">
<div>AN APPLE</div>
<div>PARIS</div>
<div>PICASSO</div>
</div>
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句