PHP JavaScript compte à Rebours

Tout ce dont vous avez besoin, il suffit d'entrer le temps total en secondes dans le <span> balises. 30 et 120 ici pour la démo. Devrait fonctionner si vous copiez et coller directement dans une page web. Ajouter et de modifier le code en tant que de besoin.

<span id="countdown-1">30 seconds</span>
<span id="countdown-2">120 seconds</span>
<script type="text/javascript">
    //Initialize clock countdowns by using the total seconds in the elements tag
    secs       = parseInt(document.getElementById('countdown-1').innerHTML,10);
    setTimeout("countdown('countdown-1',"+secs+")", 1000);
    secs       = parseInt(document.getElementById('countdown-2').innerHTML,10);
    setTimeout("countdown('countdown-2',"+secs+")", 1000);

    /**
     * Countdown function
     * Clock count downs to 0:00 then hides the element holding the clock
     * @param id Element ID of clock placeholder
     * @param timer Total seconds to display clock
     */
    function countdown(id, timer){
        timer--;
        minRemain  = Math.floor(timer / 60);
        secsRemain = new String(timer - (minRemain * 60));
        //Pad the string with leading 0 if less than 2 chars long
        if (secsRemain.length < 2) {
            secsRemain = '0' + secsRemain;
        }

        //String format the remaining time
        clock      = minRemain + ":" + secsRemain;
        document.getElementById(id).innerHTML = clock;
        if ( timer > 0 ) {
            //Time still remains, call this function again in 1 sec
            setTimeout("countdown('" + id + "'," + timer + ")", 1000);
        } else {
            //Time is out! Hide the countdown
            document.getElementById(id).style.display = 'none';
        }
    }
</script>

Il ya un compte à rebours script situé à http://javascript.internet.com/time-date/countdown-timer.html qui n'a pas de compte à rebours pour une date, mais plutôt d'une certaine quantité de minutes.

Le code peut être personnalisé comme suit pour obtenir l'effet désiré

<?php
 if ($video===1){
    $time="8:54";
 }
 if ($video===2){
    $time="5:01";
 }


?>

<script type="text/javascript" src="countDown.js"></script>

    <form name="cd">
    <input id="txt" readonly="true" type="text" value="<?php echo $time; ?>" border="0" name="disp">
    </form>

Assurez-vous que le contenu de countDown.js ressemble à ceci:

/* This script and many more are available free online at
The JavaScript Source :: http://javascript.internet.com
Created by: Neill Broderick :: http://www.bespoke-software-solutions.co.uk/downloads/downjs.php */
var mins
var secs;
function cd() {
mins = 1 * m("10"); //change minutes here
secs = 0 + s(":01"); //change seconds here (always add an additional second to your total)
redo();
}
function m(obj) {
for(var i = 0; i < obj.length; i++) {
if(obj.substring(i, i + 1) == ":")
break;
}
return(obj.substring(0, i));
}
function s(obj) {
for(var i = 0; i < obj.length; i++) {
if(obj.substring(i, i + 1) == ":")
break;
}
return(obj.substring(i + 1, obj.length));
}
function dis(mins,secs) {
var disp;
if(mins <= 9) {
disp = " 0";
} else {
disp = " ";
}
disp += mins + ":";
if(secs <= 9) {
disp += "0" + secs;
} else {
disp += secs;
}
return(disp);
}
function redo() {
secs--;
if(secs == -1) {
secs = 59;
mins--;
}
document.cd.disp.value = dis(mins,secs); //setup additional displays here.
if((mins == 0) && (secs == 0)) {
window.alert("Time is up. Press OK to continue."); //change timeout message as required
//window.location = "yourpage.htm" //redirects to specified page once timer ends and ok button is pressed
} else {
cd = setTimeout("redo()",1000);
}
}
function init() {
cd();
}
window.onload = init;

Ok, je cherche à faire quelque chose de similaire. Actuellement, j'ai un simple compte à rebours qui est basé hors du temps courant que le compte à rebours toutes les 30min. Le problème est que je dois utiliser un meta refresh pour mettre à jour. Je me demandais si une combinaison de javascript et de PHP peut être une solution plus simple pour cette réponse. L'utilisation de javascript pour appeler le code php et automatiquement à jour? Peut-être définir une variable pour l'heure, dans le script php, pour être appelé avec javascript? Eh bien, voici le code que j'ai qui pourrait vous aider. Je suis encore à apprendre.

$minutes_left = ($minutes)?((30 - $minutes)-(($seconds)?1:0)):0;
$minutes_left = str_pad ($minutes_left , 2, '0', STR_PAD_LEFT);
$seconds_left = ($seconds)?(60 - $seconds):0;
$seconds_left = str_pad ($seconds_left , 2, '0', STR_PAD_LEFT);
echo '<center><h1 style="font-color:white;">Next station break in: '.$minutes_left.'m '.$seconds_left.'s</h2></center>';
?>

J'ai juste à trouver comment obtenir la remise à zéro de lui-même à la fin de toutes les 30min et à la mise à jour sans meta refresh.