Question

我发现如何在教程中随机播放字母。网址为http://tutorialzine.com/2011/09/shuffle-letters-effect-jquery/

我尝试更改设置，以便我可以更改使用预定义字词进行洗牌的文本。例如，当页面加载随机播放id容器1的内容时。当这完成等待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();
  }
});

Javascript随机播放字母

1 个答案: