-1

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

我非常适合在此使用 Javascript 或 jQuery，因为我确信这些是唯一的方法。

我提前感谢任何帮助。

4

2 回答 2

0

要每 10 秒触发一次函数，请使用setInterval. 然后，您只需要使用.fadeIn(),.fadeOut()或任何其他效果：

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

这是一个演示。

于 2012-08-27T01:30:42.360 回答
0

我不会为你写代码。但这里有一些东西可以让你朝着正确的方向前进。

设置间隔（）

setInterval() 方法将等待指定的毫秒数，然后执行指定的函数，并在每个给定的时间间隔内继续执行该函数。

.fadeToggle()

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

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

数学随机（）

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

将这些方法与一组随机短语结合使用，您应该能够获得您正在寻找的结果。

于 2012-08-27T01:31:02.857 回答