jQuery Text lädt Animation

Wenn Sie die Zeichenfolge ändern möchten, nachdem 5 sagt, das ist nach 10 Iterationen. Dies kann so erreicht werden.

Ссылка

Ich habe eine Lösung sehr ähnlich wie roXon, nur in meinem Fall 2 Funktionen, die ich hinzugefügt habe.

1. Fügen Sie einfach ein leeres Element mit id = loadingDots hinzu, wie zB span id="loadingDots" & gt;
2. Fügen Sie den Funktionsaufruf in document.ready hinzu. In meinem Fall musste ich die Ladepunkte auf einigen Seiten anzeigen, aber nicht alle. Also wird die Funktion nach dem Element mit id = loadingDots suchen, und falls nicht gefunden, wird das Intervall gelöscht.

Demo in JsFiddle

[HTML]

[JS]

Die Funktion

Ich hoffe, es hilft jemandem. Danke roXon, für Ideen.

Versuchen Sie es mit setInterval auch so:

Fügen Sie einfach diese Zeile am Ende Ihrer Schleife hinzu:

Das ist nur eine Kurzform für die Aussage "Wenn i gleich 3 ist, setze es auf Null zurück, sonst lass es so wie es ist". Das sollte deine Schleife neu starten, bis du eine Ausgangsbedingung einstellst.

BEARBEITEN : Moment mal, ich habe nicht wirklich gesehen, wie du . angehängt hast (sorry, jsFiddle kann im Moment nichts ausführen)! Wenn Sie das i reset wie oben verwenden würden, müssten Sie wirklich die Anzahl von . -Zeichen gleich i mit jeder Iteration setzen.

BEARBEITEN 2 : Wenn Sie noch einmal schauen, müssen Sie sogar i in einen Abschluss aufnehmen, um den Wert zu erhalten, wenn setTimeout deklariert ist. Andernfalls erhalten Sie den Wert, der vorliegt, wenn setTimeout ausgeführt ist, was unvorhersehbar ist. Verwenden Sie diese Lösung grundsätzlich nicht - verwenden Sie Jeff's! ;)