How can JavaScript countdown scripts be integrated into a PHP while loop for multiple countdowns?

To integrate JavaScript countdown scripts into a PHP while loop for multiple countdowns, you can dynamically generate unique countdown IDs for each countdown element in the loop. This way, each countdown can be individually controlled by JavaScript. You can achieve this by concatenating a unique identifier to the countdown element ID within the loop. 

<?php
$countdowns = array("countdown1", "countdown2", "countdown3");

foreach ($countdowns as $countdown) {
    echo "<div id='$countdown'>10:00</div>";
}

echo "<script>";
echo "var countdowns = document.querySelectorAll('[id^=\"countdown\"]');";
echo "countdowns.forEach(function(countdown) {";
echo "   var timeleft = 600;";
echo "   var downloadTimer = setInterval(function() {";
echo "       timeleft--;";
echo "       countdown.innerHTML = Math.floor(timeleft / 60) + ':' + (timeleft % 60 < 10 ? '0' : '') + timeleft % 60;";
echo "       if (timeleft <= 0)";
echo "           clearInterval(downloadTimer);";
echo "   }, 1000);";
echo "});";
echo "</script>";
?>

Keywords

JavaScript countdown scripts PHP while loop multiple countdowns

Related Questions