Countdown Timer

Amokaci · 29.07.2009

hi ich hab schon gegooelt wie hulle aber keinen countdown gefunden der nur auf stunden,minuten,sekunden basiert also zb. 04:00:00 das er fortlaufend runter zaehlt biss auf 00:00:00 und dann ein text schreibt zb. "Denk an die ...." und sich dan nach 45min wieder auf 04:00:00 stellt und wieder runter läuft.

ich danke euch fuer hinweise ueber google oder script vorschläge ich habe jetzt 13 stunden gegoogelt und gelesen ohne ende vielleicht könnt ihr ja helfen

Amokaci

MyBad · 29.07.2009

AW: Countdown Timer

Nach 5 Sekunden googeln: [JS] Wie kann ich einen Countdown in Javascript realisieren? - Webmaster FAQ @ tutorials.de: Forum, Tutorial, Anleitung, Schulung & Hilfe

Ist in JavaScript. In PHP lässt sich das nicht realisieren. Eine alternative wäre noch Flash!
Musst du dann nur noch deinen Bedürfnissen anpassen.

Hoffe das hilft weiter

Gruß
Tim

Duddle · 29.07.2009

AW: Countdown Timer

Amokaci schrieb:
ich habe jetzt 13 stunden gegoogelt

Wow, das nenne ich mal Durchhaltevermögen.

Wenn du einen reinen Erinnerungsmechanismus brauchst, dafür gibt es auch Windows/Linux/Mac-Tools. Für den JS-Timer müsstest du ja immer die Webseite im Browser geöffnet haben.

Duddle

Amokaci · 30.07.2009

AW: Countdown Timer

Danke fuer die antworten aber ich bin kein ass in java und in php wusste ich das es net geht aber ebend halt den body und soweiter machen kann ich hab gelesen das man in java es machen kann aber nicht ein script gefunden was funzt zb ebend halt 4 stunden rueckwaerts es war immer mit jahre monate tage ....... hab es schon versucht ein script auf gut glueck umzubauen aber nix.

wenn einer ne idee haette waere ich sehr dankbar

MyBad · 30.07.2009

AW: Countdown Timer

Das Skript, was ich verlinkt hatte, ist im Grunde genau das, was du suchst!
Probier damit mal ein wenig rum.

Hab mir mal die Mühe gemacht, das Skript verändern:

Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Countdown</title>

<script language="Javascript">
<!--
var countdown = "10";

function doCount()
{
 if (countdown > 0){
    countdown--
    var s = countdown;
    var h = Math.floor(s/3600);
    var m = Math.floor((s - (h * 3600))/60);
    s = (s-(h*3600))%60;
	
	document.getElementById("test").innerHTML = h+":"+m+":"+s+ " bis zur nächsten Seite";
	
	window.setTimeout("doCount()",1000);
 }
 else{
    // Action die nach Ablauf des Countdowns ausgeführt werden soll...
	document.getElementById("test").innerHTML = "Countdown abgelaufen!";
	window.clearTimeout();
 }
}
//-->
</script>

</head>

<body onload="doCount();">

  <div id="test"></div>

</body>
</html>

Amokaci · 30.07.2009

AW: Countdown Timer

cool danke das hab ich jtzt hin bekommen aber wie soll ich es machen das der countdown nach dem die zeile ( Countdown abgelaufen ) erst in 45 min startet muss ich es nochmal starten versteckt ?

stroyer · 30.07.2009

AW: Countdown Timer

einfach so:

Code:

 else{
    // Action die nach Ablauf des Countdowns ausgeführt werden soll...
	document.getElementById("test").innerHTML = "Countdown abgelaufen!";
	window.clearTimeout();
        countdown=10;
        setTimeout(function(){doCount();},45*3600);
 }

Generell finde ich es auf die Variante mit Timeout etwas ungenau; ich würde eine Syncronisation entweder mit einem PHP Script (vorteilhaft, zB. auch nach Neuladen der Seite) oder mit der Systemclock beim Client einbauen.

Amokaci · 30.07.2009

AW: Countdown Timer

Cool so ist es supi vielen dank an euch den rest kann ich googlen nur hoffentlkich diesmal net so lang

ihr seid echt !!! Great !!!