JQuery或Javascript使用文本数组旋转DIV中的文本

我有下面的代码来旋转DIV中的文本内容。它工作得很好，但是消息是随机显示的，不是从第一个到最后一个的顺序，有时它们甚至会重复两次或更多

 <script type="text/javascript">
    var textarray = [
        "message one",
        "now message two",
        "last but not least message three"
    ];

    var $ryt=$('#notes');

    function RndText(){
        var rannum=Math.floor(Math.random()*textarray.length);
        $ryt.html(textarray[rannum]).hide().fadeIn('slow');
    }

    onload=function(){
        RndText();
    }

    var inter=setInterval(function(){
        RndText();
    },3000);

</script>

文本被显示，旋转和淡入淡出效果在DIV notes中运行良好，唯一的问题是math.random从开始到结束不显示数组中的消息

我对javascript一无所知。一整天都在测试和编辑代码，什么都没有。你知道怎么做吗？

看看

以下代码实现了您想要的技巧：

function flash() {
   $( "div" ).show().fadeOut( "slow" );
}

__更新__

那么试试这个：

请注意，我稍微改变了上面的div定义

---

您只需使用jquery函数fadeIn来设置div的动画，请参见：

该方法逐渐将选定图元的不透明度从“隐藏”更改为“可见”淡入淡出效果

要控制动画，请在函数的参数中以毫秒为单位传递慢或快或指示持续时间

完整JS:

---

我是否只需要将div的名称更改为notes only？@nonoyesyes看看小提琴。玩它来了解它是如何工作的。我试过了，但什么也没做。在谈论javscript和jquery时，我是左边的一个零，但这似乎是一个好方法，你能检查一下为什么不工作吗？我真的很喜欢你的想法现在起作用了只是你得等5秒钟，耐心点：。

  function flash() {
      $( "#notes" ).show().fadeOut( "slow" );
  }

setInterval(function(){
    i = i == textArray.length ? 0 : i;   
    $('#notes').text(textArray[i]).hide().fadeIn('slow');
    i++;
},5000);