Ich fülle einen Fortschrittsbalken im Laufe der Zeit mit dem obigen Javascript, um sein Hintergrundbild mit einem Farbverlauf zu ändern.
Extrem zeitweise - das Hintergrundbild stoppt das Rendering einfach vollständig. Ich habe Logging in diesem Code platziert und alles scheint richtig zu brennen. Ich dividiere nicht durch 0, noch ist meine Füllung 0, aber das Hintergrundbild wird nicht mehr angezeigt.
Wenn ich das dom-Element neu lade - es fängt wieder an zu arbeiten! Ich frage mich, ob ich hier wirklich etwas falsch mache. Vielleicht kann ich Hintergrundbilder nicht so kontinuierlich für Stunden einstellen?
BEARBEITEN: Ich werde versuchen, einen kurzen Videoclip mit einer Protokollierung zu erhalten, um das Problem zu verdeutlichen. Es könnte ein bisschen dauern, mich zu reproduzieren.
Ich habe einen Haltepunkt in den Code eingefügt und festgestellt, dass der Wert von fill größer als 0 und kleiner als 1 ist. In diesem Fall war der Wert 0.6925
Wenn Sie einen Haltepunkt in den Code einfügen, den Punkt unterbrechen und dann die Ausführung fortsetzen, wird die Füllung des Fortschrittsbalkens erneut angezeigt!
EDIT2: Hier ist ein Video davon: Ссылка
Es gibt keine Begrenzung. Welchen Browser benutzen Sie? Möglicherweise gibt es ein paar Probleme mit dem Browser-Cache, versuchen Sie daher, das Bild nicht zu sehr zu ändern. Hier ist ein Test, den ich zusammengestellt habe, der gut funktioniert, FIDDLE und den Code:
CSS:
%Vor%HTML:
%Vor%JS:
%Vor%Tags und Links javascript css background-image