| | | | |
| |||||||
| HTML, Usability und Barrierefreiheit Themen rund um Textauszeichnung, Formatierung, Barrierefreiheit und Usability. |
 |
| | LinkBack | Themen-Optionen | Thema bewerten |
14.09.2004, 10:30
| |
| Gast
Beiträge: n/a
|  Countdownzähler kann keine Stunden Servus, Hab mal wieder ein Problem: Meine Kollegin hat ein Java Script geschrieben das einen Countdown-Timer beinhaltet. Das Teil läuft astrein durch wenn die Zeit nicht über 60 Minuten ist. Wenns aber über eine Stunde runterzählen soll werden immer 60 Minuten abgezogen. Code: <?
//Holen der Variablen aus der Session
$zeit = $_SESSION['zeit'];
$minuten = $_SESSION['anzeigeminuten'];
$sekunden = $_SESSION['anzeigesekunden'];
$kategorie = $_SESSION['kategorie'];
?>
<html>
<script language="JavaScript">
<!--
//Variablen für den Timer: tStart aktualisierte Zeit pro Skriptabarbeitung, timerID
var timerID = 0;
var tStart = null;
//Funktion zum aktualisieren des Timers jede Sekunde
function UpdateTimer()
{
//Beim ersten Durchlauf wird der Timer auf Null gesetzt
if(timerID)
{
clearTimeout(timerID);
clockID = 0;
}
//Ermitteln der Startuhrzeit
if(!tStart)
{
tStart = new Date();
}
//Ermitteln der verbleibenden Bearbeitungszeit
//Ermitteln der Bearbeitungszeit in Sekunden, Ermitteln der aktuellen Uhrzeit, Startzeit + Bearbeitungszeit - aktuelle Uhrzeit
var tTime = (<?print($zeit)?>) * 1000 + 1000;
var tDate = new Date();
var tDiff = tStart.getTime() + tTime - tDate.getTime();
//Umrechnung der verbleibeneden Bearbeitungszeit von Sekunden in Minuten und Sekunden
tDate.setTime(tDiff);
var tZeit = new Date();
var sekunden = tDate.getSeconds();
var minuten = tDate.getMinutes();
//Wenn die Minuten und die Sekunden auf Null gelaufen sind, bzw. die Minutenzahl groesser als die Zeit sein sollte,
//wird zur Abgebenseite geschickt und der Timer ueber die Funktion "Stop ()" angehalten
if(((minuten == 0) && (sekunden == 0)) || (minuten > (<?print($zeit)?>)))
{
alert ("Die Zeit ist abgelaufen.\nDer Test wird nun abgegeben.\nKlicken Sie auf OK.");
parent.location.href="abgeben.php";
Stop();
}
//Solange die Minuten und Sekunden zwischen Null und der Beabeitungshoechstzeit bleiben, wird der Timer ausgegeben
else
{
if (minuten > 9)
{
if (sekunden > 9)
{
//Ausgabe der Minuten und Sekunden
document.theTimer.theTime.value = "" + minuten + ":" + sekunden;
}
else
{
//Auffuellen der Stellen der Sekunden
document.theTimer.theTime.value = "" + minuten + ":" + "0" + sekunden;
}
}
else
{
if (sekunden > 9)
{
//Auffuellen der Stellen der Minuten
document.theTimer.theTime.value = "0" + minuten + ":" + sekunden;
}
else
{
//Auffuellen der Stellen der Sekunden
document.theTimer.theTime.value = "0" + minuten + ":" + "0" + sekunden;
}
}
}
//Uebergabe zur Ausgabe im HTML-Formular
timerID = setTimeout("UpdateTimer()", 1000);
}
//Funktion zum ersten Starten des Timers mit Anfangszeit
function Start()
{
//Ermitteln der Startuhrzeit (Datum und Uhrzeit
tStart = new Date();
var tMin = <?print ($minuten)?>;
var tSek = <?print ($sekunden)?>;
//Ausgabe der Minuten und Sekunden im Timer
if (tMin <= 9)
{
if (tSek <=9)
{
//Auffuellen der Stellen der Minuten und Sekunden
document.theTimer.theTime.value = "0" + tMin + ":0" + tSek;
}
else
{
//Auffuellen der Stellen der Minuten
document.theTimer.theTime.value = "0" + tMin + ":" + tSek;
}
}
else
{
if (tSek <=9)
{
//Auffuellen der Stellen der Sekunden
document.theTimer.theTime.value = tMin + ":0" + tSek;
}
else
{
//Ausgabe der Minuten und Sekunden
document.theTimer.theTime.value = tMin + ":" + tSek;
}
}
//Uebergabe zur Ausgabe im HTML-Formular
timerID = setTimeout("UpdateTimer()", 1000);
}
//Funktion zum Anhalten des Timers
function Stop()
{
if(timerID)
{
clearTimeout(timerID);
timerID = 0;
}
}
//-->
</script>
<style type="text/css">
input{border:0; font-size:16; font-family:arial; font-weight:bold;}
</style>
<body style = "font-family: arial; size:16" onload="Start()" onunload="Stop()">
<form name="theTimer" method = "POST" action = "navigation.php">
<table width="100%">
<tr valign:"center">
<td align="left">Kategorie: [b]<?print($kategorie)?>[b]</td>
<td align="right">Verbleibende Zeit: <input type=text name="theTime" size=4/></td>
</tr>
</table>
</form>
</body>
</html>
Hoffe auf viele Antworten Lexicdark |
 |
 | |
| PHP Code Flüsterer Registriert seit: 21.08.2005 Beiträge: 4682 PHP-Kenntnisse: Fortgeschritten | |
|
15.09.2004, 23:26
| |
| Erfahrener Benutzer Registriert seit: 14.12.2003
Beiträge: 211
 | Hab mir hier mal ein Teil gebastelt wäre auch zum runterladen auf meiner Page. Natürlich ist dieser auch frei einstellbar (  Ich hoffe es hilft Dir. MfG Pit62 <html> <head> <title>Bis Weihnachten sind es nur noch co by Pit62 Die muss es sein http://pcwagner.de</title> </head> <STYLE type='text/css'> input { background-color=00cccc; font-size: 12pt; font-family: arial; color: #22ff55; font-weight: bold; text-align: center; </style> <base target="_self"> <BODY bgcolor="#659CE1" onload=countdown()> <SCRIPT language=JavaScript> <!-- var GG = new Date("December, 24, 2015"); function toSt(n) { s="" if(n<10) s+="0" return s+n.toString(); } function countdown() { cl=document.clock; d=new Date(); count=Math.floor((GG.getTime()-d.getTime())/1000); if(count<=0) {cl.days.value ="----"; cl.hours.value="--"; cl.mins.value="--"; cl.secs.value="--"; return; } cl.secs.value=toSt(count%60); count=Math.floor(count/60); cl.mins.value=toSt(count%60); count=Math.floor(count/60); cl.hours.value=toSt(count%24); count=Math.floor(count/24); cl.days.value=count; setTimeout("countdown()",1000); } // --> </SCRIPT> <H3 align=center><font face="Cataneo BT">z.B. bis Weihnachten 2015 sind es noch</font></H3> <FORM name=clock> <DIV align=center> <TABLE borderColor=#C0C0C0 cellSpacing=0 cellPadding=0 border=1 style="border-collapse: collapse"> <TR> <TD align=center><FONT face="comic sans ms" color=#000080 size=2>Tage:</FONT></TD> <TD align=center><FONT face="comic sans ms" color=#000080 size=2>Stunden:</FONT></TD> <TD align=center><FONT face="comic sans ms" color=#000080 size=2>Minuten:</FONT></TD> <TD align=center><FONT face="comic sans ms" color=#000080 size=2>Sekunden:</FONT></TD> </TR> <TR> <TD align=center><INPUT size=1 name=days></TD> <TD align=center><INPUT size=1 name=hours></TD> <TD align=center><INPUT size=1 name=mins></TD> <TD align=center><INPUT size=1 name=secs></TD> </TR> </TABLE> </DIV> </FORM> </body> </html> |
| |
| |
| Themen-Optionen | |
| Thema bewerten | |
|
|
Dieser Inhalt ist unter einer Creative Commons-Lizenz lizenziert.
