Automatisches Anzeigen eines Lade-Gifs für 5 Sekunden

8

Ich möchte ein Lade-Gif automatisch anzeigen, wenn der Benutzer auf die Website geht und nach 5 Sekunden verschwindet es.

Ich habe dieses Skript gefunden, das tut was ich will, aber es tut es nicht automatisch. Der Benutzer muss auf den Knopf klicken, um ihn zu starten, der den Zweck besiegt.

%Vor%

Sie können es hier sehen.

Wenn es irgendeinen Weg gibt, wie ich das machen kann, oder wenn es einen besseren Weg gibt, es einfach zu kommentieren, bitte.

    
connor.p 23.12.2011, 16:48
quelle

6 Antworten

13

Entfernen Sie einfach onclick="show()" und fügen Sie show(); als letzte Zeile Ihres JavaScript-Blocks hinzu.

Auch ich reagiere empfindlich auf globale Namensraumverschmutzung würde es so machen:

%Vor%     
ziesemer 23.12.2011, 16:51
quelle
3

Sie können display: none; einfach aus myDiv entfernen. Auf diese Weise wird es von Anfang an sichtbar sein, und dann verstecken Sie es nach fünf Sekunden.

Sie müssen es nicht zuerst mit CSS verstecken und dann mit JavaScript anzeigen, wenn es von Anfang an angezeigt werden soll.

%Vor%     
Christofer Eliasson 23.12.2011 16:54
quelle
3

Löschen Sie das style="display:none" des Bildes, so dass das Bild standardmäßig angezeigt wird. Andere sagen dir, dass du zuerst show() aufrufen sollst, aber das ist völlig unnötig . Sie müssen JavaScript nicht verwenden, um das Bild zu zeigen. lass es einfach von selbst anzeigen. Entferne es nach 5 Sekunden:

%Vor%     
Wayne Burkett 23.12.2011 16:59
quelle
2

Haben Sie window.onload versucht?

Etwas in der Art von:

%Vor%     
Mike Clark 23.12.2011 16:53
quelle
1

Setze das direkt nach <body>

%Vor%     
Rick Smith 23.12.2011 16:55
quelle
0

Fügen Sie window.onload = show; am Ende Ihres Skripts hinzu und es wird den Loader anzeigen, sobald die Seite vollständig geladen ist. Sie möchten dieses Ereignis für alles verwenden, was Sie tun möchten, wenn der Benutzer die Seite öffnet, da es sicherstellt, dass die gesamte Seite verfügbar ist, bevor Sie versuchen, Elemente auf der Seite zu manipulieren.

    
Hal 23.12.2011 16:53
quelle

Tags und Links