JavaScript 随机排列字母

Question

我在教程杂志中找到了如何打乱字母的方法。网址是http://tutorialzine.com/2011/09/shuffle-letters-effect-jquery/

我尝试更改设置，以便可以更改使用预定义单词打乱的文本。例如，当页面加载时，会随机播放 id container1 的内容。完成后，等待 4 秒，然后随机播放 id 容器 2 的内容。完成后等待 4 秒等。这是 script.js 代码:

$(function(){
    var container = $("#container1")
    container.shuffleLetters();
    setTimeout(function() {
        $(function() {
            var container = $("#container2")
            container.shuffleLetters();
            setTimeout(function() { }, 4000);
    });
    },4000);
});

最后我想从头开始。我怎样才能做到这一点？提前致谢。

Answer 1

这是一个适用于任意数量容器的演示:

$(function(){
  function shuff () {
    if (counter == $obj.length) {
        counter = 0;
    }
    $obj.eq(counter).shuffleLetters();
    counter++;
    setTimeout(shuff, 4000);
  }

  var counter = 0, $obj = $('#container1, #container2');

  // safety check to make sure there is at least one container
  if ($obj[0]) {
    shuff();
  }
});