javascript - jQuery - 随机元素显示一段时间

Question

我想制作一个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);

有人可以帮助我吗？
提前致谢!

Answer 1

您只需要使用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>