Question

我的主页上有一个JS循环。但是我不确定如何能够停止这个词来简单地说＃＆lt;

<h2 class = 'open'> Life Can Be <span class = 'changeable'><b>Radical</b></span></h2>

        <script>
            var c=0, words=['Interesting','Fun','Exciting','Crazy', 'Simple'];
          function loop(){
            $('h2 span').delay(1000).fadeTo(300,0,function(){
               $(this).text( words[++c%words.length] ).fadeTo(300,1,loop);
            });
          }    
          loop(); // start it!
        </script>

如果您需要更多信息，请告诉我而不是投票。我是Javascript的新手，似乎无法找到解决方案，我可能会忽视它。

Answer 1

.fadeTo()将第三个可选参数StringComparison.OrdinalIgnoreCase作为动画完成后调用的函数，这就是递归发生的地方。

当计数器刚好在数组的最后一个元素

之前时，我们想要停止递归

即。 complete

c < words.length - 1

var c = 0,
  words = ['Interesting', 'Fun', 'Exciting', 'Crazy', 'Simple'];

function loop() {
  $('h2 span').delay(1000).fadeTo(300, 0, function() {

    $(this).text(words[++c]).fadeTo(300, 1, c < words.length - 1 ? loop : null);
  });
}
loop(); // start it!

Javascript：如何停止Word循环

1 个答案: