Countdown mit diesem Format: t:hh:mm:ss

[howlett]

hallo!

da ich leider keine js experte bin und im netz nichts brauchbares gefunden habe, versuch ich es hier.

ich suche ein script, welches ein countdown in diesem format tt:hh:mm:ss herunterzählt. allerdings sollte das nicht in einem <input>-tag stehen.

als grundlage dieses countdowns sollen sekunden angegeben werden.

z.b.

zeit: 180 sekunden
ausgabe: 0 tage - 0 stunden - 3 minuten - 0 sekunden

und diese dann runtergezählt werden. bei 0 sekunden soll die seite auf eine andere weitergeleitet werden.

würde mich freuen, wenn jemand eine lösung hat.

viele grüsse und schonmal danke!
james

 

[Sven Mintel]

Skriptbei den Variablen "expires" und "goto" kommen deine Werte hinein)

<script type="text/javascript">
<!--
//Die Sekunden
expires=180;
//Url der folgenden Seite
goto='wohinSollsGehen.htm';

iHTML=false;
function printCounter()
{
out='<form name="fCD"><input type="text"size="7"name="CD"></form>';
if(document.getElementsByTagName&&document.getElementsByTagName('script')[0].innerHTML)
	{
	iHTML=true;out='<span id="CD">&nbsp;</span>';
	}
return out;
}

function countDown()
{
if(expires==0){document.location=goto;}
tmp=expires;
parts=new Array(86400,3600,60,1);
parts2=new Array();
for(i=0;i<parts.length;i++)
	{
	parts2[i]=parseInt(tmp/parts[i]);
	tmp=tmp%parts[i];
	if(parts2[i]<10){parts2[i]='0'+parts2[i];}
	}
if(iHTML){document.getElementById('CD').innerHTML=parts2.join(':');}
else{document.fCD.CD.value=parts[2].join(':');}
expires--;setTimeout("countDown()",1000);
}
window.onload=countDown;
//-->
</script>

an die Stelle in der Seite, wo der Counter erscheinen soll, kommt das hin:

<script type="text/javascript">
<!--
document.write(printCounter());
//-->
</script>

viel Spass.

 

[howlett]

danke! genau das hatte ich vergebens im netz gesucht. super, !

 

[Pretorianer]

Danke nochmal für das Script.

Nur ne Frage, denn ich verwende des auch und was muss ich umstellen, damit dieses Script auch in Opera oder Mozilla geht

 

[Sven Mintel]

Da hab ich wohl etwas geschlampt

So gehts besser:

<script type="text/javascript">
<!--
    //Die Sekunden
    expires=180;

    //Url der folgenden Seite
    ziel='wohinSollsGehen.htm';

    iHTML=false;

    function printCounter()
    {
        out = '<form name="fCD"><input type="text"size="12"name="CD"></form>';
        
        if(document.getElementsByTagName
            && document.getElementsByTagName('*')[0].innerHTML)
	            {
	                iHTML = true;
	                out = '<span id="CD">&nbsp;</span>';
	            }
            return out;
    }


    function countDown()
    {
        if(expires == 0)
            {
                window.location = ziel;
            }
        
        tmp    = expires;
        parts  = new Array(86400,3600,60,1);
        parts2 = new Array();
        
        for(i=0;i<parts.length;i++)
	        {
	            parts2[i] = parseInt(tmp/parts[i]);
	            tmp       = tmp%parts[i];
	            parts2[i] = (parts2[i]<10)?'0'+parts2[i] : parts2[i];
	        }
	
        if(iHTML)
            {
                document.getElementById('CD').innerHTML = parts2.join(':');
            }
        else{
                document.fCD.CD.value=parts2.join(':');
            }
        expires--;
        setTimeout("countDown()",1000);
    }
    
    window.onload=countDown;
//-->
</script>

...der Aufruf bleibt gleich.