Har lige kort lavet dette. Måske du kan flette det ind i dit PHP til de værdier du har brug for.
<table>
<tr>
<td>Sat til <?php $AntalSekunder = 3; print $AntalSekunder; ?> sekunder</td>
<td>
<input type="hidden" id="idtriggerNext" value="<?php print $AntalSekunder; ?>" />
<span id="idHour"></span>:
<span id="idMin"></span>:
<span id="idSec"></span>
</td>
</tr>
<tr>
<td>Sat til <?php $AntalSekunder = 5; print $AntalSekunder; ?> sekunder</td>
<td>
<input type="hidden" id="idtriggerNext2" value="<?php print $AntalSekunder; ?>" />
<span id="idHour2"></span>:
<span id="idMin2"></span>:
<span id="idSec2"></span>
</td>
</tr>
<tr>
<td>Sat til <?php $AntalSekunder = 8; print $AntalSekunder; ?> sekunder</td>
<td>
<input type="hidden" id="idtriggerNext3" value="<?php print $AntalSekunder; ?>" />
<span id="idHour3"></span>:
<span id="idMin3"></span>:
<span id="idSec3"></span>
</td>
</tr>
<tr>
<td>Sat til <?php $AntalSekunder = 4; print $AntalSekunder; ?> sekunder</td>
<td>
<input type="hidden" id="idtriggerNext4" value="<?php print $AntalSekunder; ?>" />
<span id="idHour4"></span>:
<span id="idMin4"></span>:
<span id="idSec4"></span>
</td>
</tr>
</table>
<script>
var idHour = "idHour";
var idMin = "idMin";
var idSec = "idSec";
var idtriggerNext = "idtriggerNext";
var c = 0;
var t;
var running = 1;
var runningToEnd = 1;
var Number = 2; // Next
function timedCount(idHour,idMin,idSec,idtriggerNext,StartStopRunning,Number) {
if(document.getElementById(idHour)){
}
if( StartStopRunning != running ) {
running = StartStopRunning;
}
if( running == 1 && runningToEnd == 1 && document.getElementById(idHour) ){
var n = c;
if(n>=3600){
var h = parseInt(n/3600);
document.getElementById(idHour).innerHTML = h;
n = n - (h*3600);
}else{
document.getElementById(idHour).innerHTML = "0";
}
if(n>=60){
var m = parseInt(n/60);
if(m<10){
var textMin = "0" + m;
document.getElementById(idMin).innerHTML = textMin;
}else{
document.getElementById(idMin).innerHTML = m;
}
n = n - (m*60);
}else{
document.getElementById(idMin).innerHTML = "00";
}
if(n<10){
var textSec = "0" + n;
document.getElementById(idSec).innerHTML = textSec;
}else{
document.getElementById(idSec).innerHTML = n;
}
if( parseInt(document.getElementById(idtriggerNext).value) == c ){
c = 0;
var idHourNew = idHour.replace(/[0-9]/g, '');
idHourNew = idHourNew.concat(Number);
var idMinNew = idMin.replace(/[0-9]/g, '');
idMinNew = idMinNew.concat(Number);
var idSecNew = idSec.replace(/[0-9]/g, '');
idSecNew = idSecNew.concat(Number);
var idtriggerNextNew = idtriggerNext.replace(/[0-9]/g, '');
idtriggerNextNew = idtriggerNextNew.concat(Number);
Number++;
if(document.getElementById(idHour)){ // Kigger om formodet næste id findes
t = setTimeout(function(){ timedCount(idHourNew,idMinNew,idSecNew,idtriggerNextNew,running,Number) }, 1000);
return;
}else{
runningToEnd = 2; // Ending counter totally
return;
}
}else{
c = c + 1;
t = setTimeout(function(){ timedCount(idHour,idMin,idSec,idtriggerNext,running,Number) }, 1000);
}
}
}
timedCount(idHour,idMin,idSec,idtriggerNext,1,2);
</script>
