[JavaScript] suche countdowncode

[ooomph]

Hallo, ich möchte auf meiner Homepage einen Countdown einsetzen, z.B.10 minuten! Dann soll der besucher auf eine andere seite weitergeleitet werden! Was für einen code nehme ich da? Es sollte mit html sein!

Mfg, ooomph

 

[theHacker]

Es sollte mit html sein!

Es gibt keinen
HTML ist eine Sprache zur strukturiellen Gliederung und Gestaltung von Webseiten.

Du kannst ein JavaScript einsetzen:

setTimeout("location.href='https://www.example.com/';",600000);

Dieses dann im onLoad-Handler des body-Tags einsetzen.

 

[soundofsilence]

https://cpanel10.myrtlenet.com/~soofsi/4dai.php
Hab ich mal gebastelt, verwende ich aber nicht mehr.

<script language="javascript">
var initi = window.setInterval ('downcount()', 1000);
var text = 'Next site '; 
var zahl = 50; // Anzahl Sekunden
var dokument="4dai.php"; // Weiterleitung zu?
function downcount()
{
zeige = text + 'in ' +zahl+ ' seconds!';
window.status = zeige ;
// für den Internet Explorer
document.all['max'].innerHTML = zeige ;
// für die neuen Netscape Versionen
document.getElementById('max').innerHTML = zeige ;
zahl --;
if (zahl < 0 )
{
location.href=dokument;
}
}
</script>

Aber am besten du schaust dir das Ganze an, dann siehst du wie man das einbindet. JS ist aber nicht von mir, hab ich über Dr. Google gefunden

Um einen Text à la "Next site in XX seconds" (So wie in meinem Beispiel) zu kriegen, musst du im HTML-Dokument irgendwo folgendes einfügen:

<div id="max"></div>

Achja, mein JS-Schnippsel ist nur nützlich, wenn du wirklich einen Countdown willst, ansonsten reicht tHs JS-Zeile; alternativ kannst du auch META-REFRESH verwenden, nur in HTML (<- also geht es ja doch in HTML, oder? @theHacker)

 

[SpecialsGuy]

Ohne grosse Worte:

var DT_msPerDay, DT_msPerHour, DT_msPerMinute, DT_msPerSecond;
var DT_TimerOn, DT_TimerId;
function DT_showCount(dateBegin, dateEnd, boxB)
{var timeDiff=dateBegin.getTime()-dateEnd.getTime();
if (timeDiff<=0)
{boxB.value="DIESER TEXT IST ZU SEHEN WENN COUNTDOWN VORBEI"; return(false);}
else{
var dd=Math.floor(timeDiff/DT_msPerDay);
timeDiff=timeDiff-dd*DT_msPerDay;
var hh=Math.floor(timeDiff/DT_msPerHour);
timeDiff=timeDiff-hh*DT_msPerHour;
var mm=Math.floor(timeDiff/DT_msPerMinute);
timeDiff=timeDiff-mm*DT_msPerMinute;
var ss=Math.floor(timeDiff/DT_msPerSecond);
hh=(hh>=10?hh:"0"+hh);
mm=(mm>=10?mm:"0"+mm);
ss=(ss>=10?ss:"0"+ss);
if (dd <= 1) boxB.value=dd+" Tag "+hh+" Stunde(n) "+mm+" Minute(n) "+ss+" Sekunde(n)";
else boxB.value=dd+" Tage, "+hh+" Stunde(n) "+mm+" Minute(n) "+ss+" Sekunde(n)";
if (dd == 0) boxB.value=dd+" Tage, "+hh+" Stunde(n) "+mm+" Minute(n) "+ss+" Sekunde(n)"; return(true);}}
function DT_showDate(dateD, boxB){
var y=dateD.getYear();
var m=dateD.getMonth()+1;
var d=dateD.getDate();
var hh=dateD.getHours();
var mm=dateD.getMinutes();
var ss=dateD.getSeconds();
m=(m>=10?m:"0"+m);
d=(d>=10?d:"0"+d);
hh=(hh>=10?hh:"0"+hh);
mm=(mm>=10?mm:"0"+mm);
ss=(ss>=10?ss:"0"+ss);
boxB.value=d+"."+m+"."+y+"  "+hh+" Stunde(n) "+mm+" Minute(n) "+ss+" Sekunde(n)";}
function DT_stopTimer(){
if (DT_TimerOn){
clearTimeout(DT_TimerId);
DT_TimerOn=false;}}
function DT_startTimer(){
var dateNow=new Date();
var dateEOT=new Date(countdown_datum);
var On=DT_showCount(dateNow, dateEOT, document.Ausgabe.Rest);
if (On){
DT_TimerId=setTimeout("DT_startTimer()", 1000);
DT_TimerOn=true;}
else DT_stopTimer();}
function DT_initTimer(){
DT_msPerDay=24*60*60*1000;
DT_msPerHour=60*60*1000;
DT_msPerMinute=60*1000;
DT_msPerSecond=1000;
DT_TimerOn=false;
DT_TimerId=null;
DT_stopTimer();
DT_startTimer();}
function countdown()
{DT_initTimer();}
var countdown_datum='July 27, 2006 01:00:00';  //January, February, March, April, May, June, July, August, September, October, November, December

Erforderlich: Input-feld namens "boxB"

Ausführen per Javascript: coundown();

Ist eine gute Basis. Wer will, kann es ja gerne hier erweitern mit der Weiterleitung, DIV statt Input etc.