Einzelnen Beitrag anzeigen
  #1 (permalink)  
Alt 31.03.2019, 18:24
seerose seerose ist offline
Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 07.10.2014
Beiträge: 86
seerose befindet sich auf einem aufstrebenden Ast
Standard Animation unter Safari hackt Update

ich habe eine Progress Anzeige gebaut

HTML-Code:
<div id='progress'>
   <progress id='wait_ani' value='70' max='100'> </progress>
   <br>    Noch zu speichern...
</div>
die mit Javascript als Loop animiert wird.

Code:
x=0;
function upload_ani(){
	document.getElementById('progress').style.display='block';
 	var intervalID = window.setInterval(myCallback, 25);
}
function myCallback() {
   document.getElementById('wait_ani').value=x;
   x++;
   if (x>100)  x=0;  // wieder von vorne
  
}
Android und alle anderen machen das, aber mein Ipad-2018 / Safari scheint das Js nicht abzuarbeiten, der 1. Befehl zum Einblenden geht noch aber der Balken bleibt stehen.


HTML-Code:
#progress {
 
   display:none;
    position:relative;
    width:250px;
    height:20px;
     
}

Nachtrag:
Es liegt natürlich nicht an die JS Funktion.
Ich hatte ein Bildupload programmiert, beim Absenden wird die Animation so lange gezeigt bis die neue Seite geladen wird.
Nur beim Safari wird beim absenden sofort das Javascript gestoppt, daher keine Animation.

Ich werde mal sehen das ich eine css3 Animation erstellen, vielleicht hat hier jemand eine gute Seite.

Nachtrag2:
Eine CSS3 Animation stoppt Safari leider auch.

Geändert von seerose (31.03.2019 um 22:42 Uhr) Grund: ursache gefunden
Mit Zitat antworten
Sponsored Links