Prøv se om eksempel nedenfor er lidt ala hvad du søger.
PHP og Javascript
<?php
$AntalKolonner = 24;
$AntalRaekker = 7;
$Dag = date("N"); // 1 = Mandag, 7 = Søndag
$Timer = date("H");
$Minutter = date("i");
$Sekunder = date("s");
?>
<div style="width: 100%;">
<table border="1" cellpadding="3" style="text-align: center; font-size: 12px;">
<tr>
<?php
for ($u=1; $u <= $AntalKolonner; $u++) {
?>
<td style="width: 45px;"><?php print $u-1; ?>-<?php print $u; ?></td>
<?php
}
?>
</tr>
<?php
for ($i=1; $i <= $AntalRaekker; $i++) {
?>
<tr>
<?php
for ($u=1; $u <= $AntalKolonner; $u++) {
$idTD = $u-1;
if($Timer == ($u-1) AND $Dag == $i){
$tdVaerdi = ((60 - $Minutter) * 60) + $Sekunder;
}else{
$tdVaerdi = 0;
}
?>
<td id="<?php print "id$i$idTD"; ?>"><?php print $tdVaerdi; ?></td>
<?php
}
?>
</tr>
<?php
}
?>
</table>
</div>
<script>
var antalRows = 0;
var antalTimer = 0;
antalRows = <?php print $Dag; ?>;
antalTimer = <?php print $Timer; ?>;
function CountDown(){
var idTD = "id";
idTD = idTD.concat(antalRows);
idTD = idTD.concat(antalTimer);
var CountTimer = document.getElementById(idTD).innerHTML;
var CountTimerInt = parseInt(CountTimer);
CountTimerInt = CountTimerInt - 1;
if(CountTimerInt == 0){
document.getElementById(idTD).innerHTML = CountTimerInt;
antalTimer++;
if(antalTimer > 23){
antalTimer = 0;
antalRows++;
}
idTD = "id";
idTD = idTD.concat(antalRows);
idTD = idTD.concat(antalTimer);
document.getElementById(idTD).innerHTML = 3600;
/////////////////////
// Fokus kan så sættes ind her.
/////////////////////
} else {
document.getElementById(idTD).innerHTML = CountTimerInt;
}
setTimeout(CountDown, 1000);
}
CountDown();
</script>
