-1

Mibbit Web チャットの読み込みページと同じように、10 秒ごとにメッセージを表示する読み込みページを作成したいと考えています。メッセージがフェードアウトしてから新しいメッセージが表示されるようにするか、現在のメッセージを左にスライドさせて新しいメッセージを右からスライドさせることもできます。これは私が思っているほど難しいことではないと確信していますが、どこにも答えを見つけることができません。

これらが唯一の方法であると確信しているため、これに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()

setInterval() メソッドは、指定されたミリ秒数待機してから、指定された関数を実行し、指定された時間間隔ごとに 1 回、関数を実行し続けます。

.fadeToggle()

.fadeToggle() メソッドは、一致した要素の不透明度をアニメーション化します。可視要素で呼び出されると、不透明度が 0 になると要素の表示スタイル プロパティが none に設定されるため、要素はページのレイアウトに影響しなくなります。

これらの関数と配列を組み合わせて使用​​する

数学.ランダム()

random() メソッドは、0 から 1 の間の乱数を返します。

これらの方法をランダムなフレーズの配列と組み合わせて使用​​すると、探している結果を得ることができるはずです。

于 2012-08-27T01:31:02.857 に答える