我嘗試修改下面的代碼以淡出消息列表，我需要它在最后一條消息處停止，我設法做到了，但最后一條消息不斷淡入和淡出，我不知道如何防止它像暗淡的燈泡一樣褪色。<script>jQuery(function($) {$(document).ready(function(){      $("button").click(function(){    $("#demo").fadeTo( "slow", 1 );        (function($){        $.fn.extend({            rotaterator: function(options) {                var defaults = {                    fadeSpeed: 500,                    pauseSpeed: 100,                    child:null                };                var options = $.extend(defaults, options);                return this.each(function() {                      var o =options;                      var obj = $(this);                      var items = $(obj.children(), obj);                      items.each(function() {$(this).hide();})                      if(!o.child){var next = $(obj).children(':first');                      }else{var next = o.child;                      }                      $(next).fadeIn(o.fadeSpeed, function() {                            $(next).delay(o.pauseSpeed).fadeOut(o.fadeSpeed, function() {                                var next = $(this).next();                                if (next.length == 0){                                        next = $(obj).children(':last');                                }                                $(obj).rotaterator({child : next, fadeSpeed : o.fadeSpeed, pauseSpeed : o.pauseSpeed});                            })                        });                });            }        });    })(jQuery);     $(document).ready(function() {            $('#rotate').rotaterator({fadeSpeed:500, pauseSpeed:100});     });      });    });});</script>    <button class="btn" type="submit" style="min-width: 200px;margin-top: 40px;margin-bottom: 0px;" onclick="myFunction()">Sign Up!</button>    <h1 id="demo" style="opacity:0;"> I am <div id="rotate"> <div>awesome.</div> <div>invincible.</div> <div>unbeatable.</div> <div>indestructible.</div> </div> </h1>