Hi Bei mir auf der Seite geht die Ladeanzeige nicht mehr. Ich habe ein Countdown eingebaut. Warscheinlich vertragen sich die Scripte nicht. Das Script für den Countdown:
function ladezeit() { var current = new Date(); var difftime = current.getTime() - ladestart.getTime(); document.getElementById("Ladezeit-Anzeige").innerHTML = "Es hat " + difftime/1000 + " Sekunden gedauert, diese Seite zu laden!"; }
CountDown-Zähler und Seitenladeanzeige Aktualisiert 19.10.2015
Hallo Magister, habe die Ursache gefunden. Die beiden unterschiedlichen "onlad-Befehle" vertragen sich nicht. Am besten ist es, die Scripte zusammenzuschreiben!
Um beide Scripte besser zu verstehen, habe ich in der Lösung den kompletten HTML-Eintrag mit Befehls-Ausgabe aufgezeigt.
Das Script kann sowohl im Header oder im Body eingetragen werden!
Den "onload-Befehl" (onLoad="ladezeit();getTime();") Zeile 109 im Body nicht vergessen!!!
Beim Eintrag der Zeit in Zeile 44 ist darauf zu achten, dass die Zeit ohne führende Nullen eingegeben wird.
Für den Monat sind folgende Abkürzungen gültig: Dec, Nov, Oct, Sep, Aug, Jul, Jun, May, Apr, Mar, Feb, Jan
Lösung 1: In Lösung 1 ist die Ausgabe des CountDown-Zählers wie im folgenden Bild eingetragen.
<script language="JavaScript"> // Ladeanzeige var ladestart = new Date();
function ladezeit() { var current = new Date(); var difftime = current.getTime() - ladestart.getTime(); document.getElementById("Ladezeit-Anzeige").innerHTML = "Es hat " + difftime/1000 + " Sekunden gedauert, diese Seite zu laden!"; }
//window.onload = ladezeit; </script>
<script language="JavaScript"> //Created by DendE PhisH
//CountDown-Zähler function getTime() {
c1 = new Image(); c1.src = "http://www.osna-radio-club.de/image/1c.gif"; c2 = new Image(); c2.src = "http://www.osna-radio-club.de/image/2c.gif"; c3 = new Image(); c3.src = "http://www.osna-radio-club.de/image/3c.gif"; c4 = new Image(); c4.src = "http://www.osna-radio-club.de/image/4c.gif"; c5 = new Image(); c5.src = "http://www.osna-radio-club.de/image/5c.gif"; c6 = new Image(); c6.src = "http://www.osna-radio-club.de/image/6c.gif"; c7 = new Image(); c7.src = "http://www.osna-radio-club.de/image/7c.gif"; c8 = new Image(); c8.src = "http://www.osna-radio-club.de/image/8c.gif"; c9 = new Image(); c9.src = "http://www.osna-radio-club.de/image/9c.gif"; c0 = new Image(); c0.src = "http://www.osna-radio-club.de/image/0c.gif"; Cc = new Image(); Cc.src = "http://www.osna-radio-club.de/image/Cc.gif"; now = new Date();
//Eintrag Ziel-Zeit
//Monate: Dec, Nov, Oct, Sep, Aug, Jul, Jun, May, Apr, Mar, Feb, Jan //Tage: 1,2,3,...,11,12,... later = new Date("Feb 21 2017 15:00:01"); // z.B.: Oct 7 2017 12:33:00
Bis zu xxxx-Treffen sind es noch <img height=21 src="http://www.osna-radio-club.de/image/0c.gif" width=16 name=x> <img height=21 src="http://www.osna-radio-club.de/image/0c.gif" width=16 name=a> <img height=21 src="http://www.osna-radio-club.de/image/0c.gif" width=16 name=b> Tage,
<!-- Ausgabe Ladeanzeige --> <center> <div id="Ladezeit-Anzeige">Zur Zeit steht keine Ladezeit zur Verfügung!</div> </center> <!-- Ende Ladeanzeige -->
<script language="JavaScript"> // Ladeanzeige var ladestart = new Date();
function ladezeit() { var current = new Date(); var difftime = current.getTime() - ladestart.getTime(); document.getElementById("Ladezeit-Anzeige").innerHTML = "Es hat " + difftime/1000 + " Sekunden gedauert, diese Seite zu laden!"; }
//window.onload = ladezeit; </script>
<script language="JavaScript"> //Created by DendE PhisH
//CountDown-Zähler function getTime() {
c1 = new Image(); c1.src = "http://www.osna-radio-club.de/image/1c.gif"; c2 = new Image(); c2.src = "http://www.osna-radio-club.de/image/2c.gif"; c3 = new Image(); c3.src = "http://www.osna-radio-club.de/image/3c.gif"; c4 = new Image(); c4.src = "http://www.osna-radio-club.de/image/4c.gif"; c5 = new Image(); c5.src = "http://www.osna-radio-club.de/image/5c.gif"; c6 = new Image(); c6.src = "http://www.osna-radio-club.de/image/6c.gif"; c7 = new Image(); c7.src = "http://www.osna-radio-club.de/image/7c.gif"; c8 = new Image(); c8.src = "http://www.osna-radio-club.de/image/8c.gif"; c9 = new Image(); c9.src = "http://www.osna-radio-club.de/image/9c.gif"; c0 = new Image(); c0.src = "http://www.osna-radio-club.de/image/0c.gif"; Cc = new Image(); Cc.src = "http://www.osna-radio-club.de/image/Cc.gif"; now = new Date();
//Eintrag Ziel-Zeit
//Monate: Dec, Nov, Oct, Sep, Aug, Jul, Jun, May, Apr, Mar, Feb, Jan //Tage: 1,2,3,...,11,12,... later = new Date("Feb 21 2017 15:00:01"); // z.B.: Oct 7 2017 12:33:00
<!-- Ausgabe Ladeanzeige --> <center> <div id="Ladezeit-Anzeige">Zur Zeit steht keine Ladezeit zur Verfügung!</div> </center> <!-- Ende Ladeanzeige -->
Wolfgang, es gibt noch ein kleines Problem. Wenn der Countdown abgelaufen ist, steht die Zeit bei 00:23:59: 60, anstatt bei 00:00:00:00. kann man da etwas machen? So wie es aussieht, ist es ev. ein Script fehler.
Hallo Magister, dass der Zähler nicht auf Null springt ist mir später auch aufgefallen. Auch hat er manchmal und nicht immer, mittendrin für 00 Sekunden --> 60 Sekunden angezeigt! Sehr unschön!
Habe die Ursache aber gefunden! Das Script war zu schnell mit der Sekundenausgabe fertig und hat falsch angezeigt. Ich habe die Anordnung der Zeile 55 bis 99 zeitmäßig absteigend neu geordnet. Jetzt geht es !!!
Ich habe die Änderung bereits in Beitrag #2 im Script geändert!