Countdown in einer Tabellendarstellung

Moderator: HTML-Laie

Antworten
Benutzeravatar
Hape
Administrator
Beiträge: 336
Registriert: Fr 22. Mai 2020, 00:33

Countdown in einer Tabellendarstellung

Beitrag von Hape »

Hier das Script:

Code: Alles auswählen

<script LANGUAGE="JavaScript">
<!--
var GG = new Date("januar,1, 2025"); //Datum für Countdown im Format: (MONTH, DAY ,YEAR)
var tzo = -0;
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) + tzo;
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>
Diesen Abschnitt in den Body:

Code: Alles auswählen

<div align="center"><font size="3" color="#000000" face="times new roman"><b>Bis zum Jahreswechsel sind es nur noch:</b></font>
</div>
<br>

<form name="clock">
<div align="center"><table border="2" cellpadding="4" cellspacing="0" bordercolor="#778899"><!--Rahmenfarbe kann bei bordercolor geändert werden !!-->
<tr>
<td><font color="#000000" font face="comic sans ms" size="2"><div align="center"> Tage: </td>
<td><font color="#000000" font face="comic sans ms" size="2"><div align="center">Stunden:</td>
<td><font color="#000000" font face="comic sans ms" size="2"><div align="center">Minuten:</td>
<td><font color="#000000" font face="comic sans ms" size="2"><div align="center">Sekunden:</font></td>
</tr>
<tr>
<td>
<div align="center"><input name="days" size="1"></div></td>
<td>
<div align="center"><input name="hours" size="1"></div></td>
<td>
<div align="center"><input name="mins" size="1"></div></td>
<td>
<div align="center"><input name="secs" size="1"></div></td>
</tr>
</table>
</div>
</form>
Hier dazu die Demoseite: https://hapes-javascript-demo-page.hpag ... belle.html

Antworten