Javascript 每10秒为加载页显示一条不同的消息

Javascript 每10秒为加载页显示一条不同的消息,javascript,jquery,jquery-animate,Javascript,Jquery,Jquery Animate,我想创建一个加载页面,每10秒显示一条消息,就像Mibbit网络聊天加载页面上的一样。我希望信息淡出,然后显示新的信息,或者它也可以将当前信息向左滑动,将新信息从右侧滑动。我相信这并不像我想象的那么困难,但我在任何地方都找不到答案 我完全可以在这方面使用Javascript或jQuery,因为我确信这是唯一的方法 我感谢你事先的帮助 要每10秒启动一个函数,请使用。然后,你只需要玩一下,或者其他任何东西: 这里有一个我不会为您编写代码。但这里有一些东西可以让你走上正确的方向 setInterva

我想创建一个加载页面,每10秒显示一条消息,就像Mibbit网络聊天加载页面上的一样。我希望信息淡出,然后显示新的信息,或者它也可以将当前信息向左滑动,将新信息从右侧滑动。我相信这并不像我想象的那么困难,但我在任何地方都找不到答案

我完全可以在这方面使用Javascript或jQuery,因为我确信这是唯一的方法


我感谢你事先的帮助

要每10秒启动一个函数,请使用。然后,你只需要玩一下,或者其他任何东西:


这里有一个

我不会为您编写代码。但这里有一些东西可以让你走上正确的方向

setInterval()方法将等待指定的毫秒数, 然后执行指定的函数,它将继续执行 函数,每个给定的时间间隔一次

.fadeToggle()方法为匹配元素的不透明度设置动画。 在可见元素上调用时,该元素的“显示样式”属性 当不透明度达到0时,设置为“无”,因此元素不再显示 影响页面的布局

将这些函数与数组组合使用

方法返回一个介于0和1之间的随机数


将这些方法与一系列随机短语结合使用,您应该能够获得所需的结果。

我没有尝试过任何方法,因为我找不到教程或任何解释如何实现所需操作的方法。@Scott您是否尝试过搜索“在javascript中每10秒显示一条消息”?这对我很有用。好吧,开始阅读Javascript中的setInterval和jQuery中的fadeIn和fadeOut。很简单,谢谢你的帮助,我现在开始理解setInterval()命令了。我需要在行动中看到它来把握它,这正是我学习的方式。
var i = 1;
var sampleMessages = [ "First message", "Second message", "Third, now repeat" ];
setInterval(function() {
  var newText = sampleMessages[i++ % sampleMessages.length];
  $("#message").fadeOut(500, function () {
    $(this).text(newText).fadeIn(500);
  });
}, 10 * 1000);​ // Interval is in milliseconds