将类添加到随机多个跨度

Question

我正在尝试制作一个词云，其中 3 个词（大约 30 个词中随机出现）必须动画成另一种颜色（一种颜色）。这个过程应该像每 2 秒一样重复一次。我现在有工作代码，其中只有一个跨度被动画到颜色。有什么想法可以让这个工作吗？

这是小提琴：

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");
}

小提琴：http://jsfiddle.net/praveenscience/z6nv18ck/1/