1

アニメーションGIFを使用する代わりに、スパンにテキストを入れたいと思います。

  1. 待っている
  2. 待っている。
  3. 待っている..
  4. 待っている...

それぞれをループしてから、無限ループの最初に戻りたいと思います。また、間隔を制御して速度を上げたり下げたりしたいと思います。HTMLを次のようにしたいと思います。

<p>Waiting<span id="dots"></span></p>

そして、単にスパンinnerHTMLを循環させます。ありがとう！

4

2 に答える 2

2

これはおそらくあなたを正しい方向に導くでしょう。コードはそれ自体を説明する必要があると思います。

function iterateDots(){
    var el = document.getElementById("dots");
    var dotsStr = el.innerHTML;
    var dotsLen = dotsStr.length;

    var maxDots = 3;
    el.innerHTML = (dotsLen < maxDots ? dotsStr + '.' : '');
}

function startLoading(){
    var intervalMs = 300;

    var interval = setInterval("iterateDots()", intervalMs);
}
于 2010-08-14T09:03:00.000 に答える
0

dots = document.getElementById('dots');ドットを入れたいDOM要素を取得し、innerHTMLその要素の属性を使用して、その中のコンテンツを操作できます。

特定の間隔でスパンの内容を変更する方法については、 および を参照しsetInterval()てくださいsetTimeout()。ニーズに最も適したものを選択する必要があります。

あなたは実際にこれについて何の努力もしていないので、実際の解決策を投稿するつもりはありませんが、これはあなたを正しい方向に向けるはずです.

于 2010-08-14T07:37:14.713 に答える