Zeitversetzte Anzeige
lima-city → Forum → Die eigene Homepage → HTML, CSS & Javascript
aktion
anpassen
beispiel
code
dank
dunkeln
ergebnis
funktion
http
jemand
klicken
objekt
prinzip
probieren
richtige funktion
sekunde
tapp
text
woche
zeigen
-
Hallo,
ich habe ein Script was nach einer Aktion ein animiertes Gif Bild anzeigt und einen Text mit dem Ergebnis. Nun möchte ich das der Text erst erscheint wenn das Gif gelaufen ist bzw. der Text soll generell mit 2 Sekunden Verzögerung angezeigt werden.
Das ganze sollte mit Javascript machbar sein, bzw ich hatte soetwas schonmal gesehen finde es aber nicht mehr. Leider kenne ich mit Javascript auch nur wenig aus.
Wäre nett wenn mir jemand ein Code-Beispiel zeigen könnte.
Besten Dank im Voraus
m062 -
Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!
lima-city: Gratis werbefreier Webspace für deine eigene Homepage
-
Danke fürs suchen, das trifft es schon fast.
Allerdings soll der Text nicht in einem extra Fenster sondern auf der Seite angezeigt werden und der Code müste im body ausgeführt werden.
Kann man den Code so anpassen oder müste man das anders angehen?
Sorry wenn die Frage doof klingt aber bei JS tappe ich momentan total im dunkeln.
Gruß
m062
-
setTimeout() ist schon die richtige funktion.
also wenn deine funktion, die den text ausgibt zum beispiel \"textausgabe()\" heisst,
rufst du sie zum beisspiel mit
setTimeout(\'textausgabe()\', 2000);
auf, dann wird diese funktion mit 2 sekunden verzögerung aufgerufen.
-
ok, mal ein beispiel, um das prinzip von setTimeout() zu verdeutlichen:
<html> <head> <script type=\'text/javascript\'> function beispiel() { var anker = document.getElementById(\'anker\'); newElement = document.createElement(\'div\'); newElement.innerHTML = \'5 Sekunden seit dem Klick\'; setTimeout(\'anker.parentNode.insertBefore(newElement, anker.nextSibling)\',5000); } </script> </head> <body> <a id=\'anker\' href=\'javascript:beispiel()\'>klick mich</a> </body> </html>
hier wird beim klicken auf den link eine funktion gestartet, die nach 5 sekunden einen text auf der seite einfügt. -
Super vielen Dank.
Das Beispiel hat mir richtig geholfen.
Hier kann dann geschlossen werden.
Vielen Dank
m062 -
Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!
lima-city: Gratis werbefreier Webspace für deine eigene Homepage
