XHTMLforum

XHTMLforum (http://xhtmlforum.de/index.php)
-   Javascript & Ajax (http://xhtmlforum.de/forumdisplay.php?f=83)
-   -   Animation unter Safari hackt (http://xhtmlforum.de/showthread.php?t=73775)

seerose 31.03.2019 17:24

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.


Alle Zeitangaben in WEZ +2. Es ist jetzt 06:47 Uhr.

Powered by vBulletin® Version 3.8.11 (Deutsch)
Copyright ©2000 - 2020, vBulletin Solutions, Inc.

© Dirk H. 2003 - 2020