jquery - 将类添加到随机多个跨度

Question

我正在尝试制作一个词云，其中 3 个词(从大约 30 个词中随机抽取)必须动画成另一种颜色(一种颜色)。这个过程应该每 2 秒重复一次。我现在有工作代码，其中只有一个跨度被动画化为颜色。我有什么想法可以让它发挥作用吗？

这是 fiddle :

http://jsfiddle.net/z6nv18ck/

setRandomClass();
  setInterval(function () {
    setRandomClass();
  }, 2000);

  function setRandomClass() {
      var wordcloudtext = $("#wordcloudtext");
      var items = wordcloudtext.find("span");
      var number = items.length;
      var random = Math.floor((Math.random() * number));
      items.removeClass("green");
      items.eq(random).addClass("green");
  }

提前致谢!

Answer 1

你可以只重复同样的三次!

function setRandomClass() {
    var wordcloudtext = $("#wordcloudtext");
    var items = wordcloudtext.find("span");
    var number = items.length;
    var random1 = Math.floor((Math.random() * number));
    var random2 = Math.floor((Math.random() * number));
    var random3 = Math.floor((Math.random() * number));
    items.removeClass("green");
    items.eq(random1).addClass("green");
    items.eq(random2).addClass("green");
    items.eq(random3).addClass("green");
}

fiddle :http://jsfiddle.net/praveenscience/z6nv18ck/1/