JAVASRCIPT

Bonjour a tous j'ai un souci j'ai ecrit un code js qui permet d'expiere le delai et afficher les couleur rouge lorsque le delai a exprirer , il doit afficher orange pur celle qui sont en cours et vert pour celle aui ssont terminé

voici mon code source merci de m'aider

?php $firstDate = gmdate($rows['date_et_heure_de_signalisation']); $secondDate= gmdate('Y-m-d H:i:s'); $dateDifference = abs(strtotime($secondDate) - strtotime($firstDate));

echo "<td style='height: 30px; width: 30px; border-radius: 100%''> Délai fixé 48h / <span class='countdowns' data-countdown = $dateDifference></span> restante</td> "

?> <script type="text/javascript">
var countdownDivs = document.querySelectorAll('.countdowns[data-countdown]');

function end() {

} function countdown(display, timen, pause, callback) {

display.innerHTML = secondsToHms(timen);

if (timen >= 172800) {

    display.innerHTML = "hors délai"; 

callback();

return addedClass; }

else {
    display.timeout;
    clearTimeout(display.timeout);
    display.timeout = setTimeout(function () {
        countdown(display, timen -1, pause, callback)
    }, pause);
}

}

for(var i = countdownDivs.length>>>0; i--;){ countdown(countdownDivs[i], countdownDivs[i].dataset.countdown, 1000, end(countdownDivs[i])); } function secondsToHms(d) { d = Number(d); var h = Math.floor(d / 3600); var m = Math.floor(d % 3600 / 60); var s = Math.floor(d % 3600 % 60);

var hDisplay = h > 0 ? h + (h == 1 ? " hour, " : "h: ") : "";
var mDisplay = m > 0 ? m + (m == 1 ? " minute, " : "m: ") : "";
var sDisplay = s > 0 ? s + (s == 1 ? " second" : "s") : "";
return hDisplay + mDisplay + sDisplay; 

}

</script>