<script type="text/javascript">	

// Transforme le nombre de secondes restant en une chaîne.

// Modifie cette fonction pour un affichage plus joli.

window.remainingTimeAsString = function(remainingTimeInSeconds){

    console.log("Convert: ", remainingTimeInSeconds);

    string = remainingTimeInSeconds + " secondes";

    return string;

}

 

 

// Met à jour les compteurs de la page.

window.updateBuildingsTimers = function(){

    $("#buildings > div").each(function(index, building){

        var $building  = $(building),

            $displayer = $building.find(".displayer"),

            finishAt   = new Date($building.data("finish-at")),

            now        = new Date();



        // Si le bâtiment n'est pas encore terminé, on actualise l'affichage.

        if(now < finishAt){

            // On change l'affichage du compteur.

            var remainingTimeInSeconds = Math.ceil((finishAt - now) / 1000),

			DiffJour = Math.floor(remainingTimeInSeconds / 86400),

			DiffHeure = Math.floor((remainingTimeInSeconds - (DiffJour * 86400)) / 3600),

			DiffMin = Math.floor((remainingTimeInSeconds - ((DiffJour * 86400 + DiffHeure * 3600))) / 60);  

			DiffSec = Math.floor(remainingTimeInSeconds - ((DiffJour * 86400 + DiffHeure * 3600 + DiffMin * 60))),

            newTimerText           = DiffHeure + " Heure " +DiffMin + " Minutes " +DiffSec+ " Secondes"

			

            $displayer.text(newTimerText);

        }

        else {

            // On remplace le compteur pour mettre un lien à la place.

            var url   = $building.data("finish-url"),

                $link = $('<a />', { href: url, text: "Terminé !" });

 

            $displayer.html($link);

        }

    });

}

 

 

// Toutes les secondes, tu relances la fonction.

window.timer = setInterval(window.updateBuildingsTimers, 1000);

</script>

			<div id="buildings">

    <div id="building_1" data-finish-at="January 31, 2012 19:00:00" data-finish-url="http://url/for/link">

        <h3>Caserne</h3>

        <span class="displayer">…</span>

    </div>

    <div id="building_2" data-finish-at="2012-02-02 08:20:00" data-finish-url="http://url/for/link">

        <h3>Moulin</h3>

        <span class="displayer">…</span>

    </div>

</div>

<script type="text/javascript" src="js/jquery-1.7.1.min.js"></script>