Mettre en place un decompte horaire ...


Zecat
WRInaute accro
WRInaute accro
 
Messages: 12001
Inscription: 1 Mar 2005

Mettre en place un decompte horaire ...

Message le Ven Juin 24, 2011 9:09

Hello ze wrinautes pas encore en vacances

Je vais avoir besoin de mettre en place un décompte horaire ... Ce que je veux :

1 - on arrive sur une page, ca declenche un compteur horaire par rapport a un timestamp ou une date/heure future
2 - on affiche un truc qui egrenne les secondes du type : il reste 4h 12m 23s ...

Je suppose que c'est JS (avec qui je ne suis toujours pas copain) qui doit traiter cela ? qulqu'un a des pistes ou un bout de code ? Pour info si ca peut aider j'ai jquery installé.


M&B Multimédia
WRInaute impliqué
WRInaute impliqué
 
Messages: 558
Inscription: 1 Oct 2009

Re: Mettre en place un decompte horaire ...

Message le Ven Juin 24, 2011 9:15

Ici ?

Et ici avec jQuery Countdown ?

Edit : j'en ai trouvé un autre avec jQuery directement
Dernière édition par M&B Multimédia le Ven Juin 24, 2011 9:18, édité 2 fois.


Zecat
WRInaute accro
WRInaute accro
 
Messages: 12001
Inscription: 1 Mar 2005

Re: Mettre en place un decompte horaire ...

Message le Ven Juin 24, 2011 9:16

reponse courte et efficace. thanks


blman
WRInaute accro
WRInaute accro
 
Messages: 3077
Inscription: 5 Sep 2003

Re: Mettre en place un decompte horaire ...

Message le Ven Juin 24, 2011 10:39

j'ai retrouvé un script que j'avais fait :

Initialisation des variables :

Code: Tout sélectionner
$serverDateJsYear=date("Y");
$serverDateJsMonth=date("n")-1; //de 0 à 11 en javascript
$serverDateJsDay=date("j");
$serverDateJsHour=date("G");
$serverDateJsMinutes=date("i");
$serverDateJsSeconds=date("s");

$dateFinJsYear="2010";
$dateFinJsMonth=11-1; //de 0 à 11 en javascript
$dateFinJsDay="28";
$dateFinJsHour="23";
$dateFinJsMinutes="59";
$dateFinJsSeconds="59";


Fonction javascript (surement pompée quelque part) :

Code: Tout sélectionner
<script type="text/JavaScript">
function Rebour() {
   var sec=((date2 - date1)/1000)-temps;
   var n=24*3600;
   if (sec>0) {
      j=Math.floor(sec/n);
      h=Math.floor((sec-(j*n))/3600)+"";
      mn=Math.floor((sec-((j*n+h*3600)))/60)+"";
      sec=Math.floor(sec-((j*n+h*3600+mn*60)))+"";
      
      if(h.length==1) h="0"+h;
      if(mn.length==1) mn="0"+mn;
      if(sec.length==1) sec="0"+sec;
      
      Affiche.innerHTML=""+j+" j "+h+":"+mn+":<span style=\"color:#ff0000;\">"+sec+"</span>";
      temps++;

      tRebour=setTimeout("Rebour();",1000);
   }
   else Affiche.innerHTML="<span style=\"color:#ff0000;\">Terminée</span>";
}
</script>



Et appelle de la fonction :

Code: Tout sélectionner
<div id="compte"></div>
<script type="text/JavaScript">
   var Affiche=document.getElementById("compte");
   var temps=0;
   <?php
   echo 'var date1 = new Date('.$serverDateJsYear.','.$serverDateJsMonth.','.$serverDateJsDay.','.$serverDateJsHour.','.$serverDateJsMinutes.','.$serverDateJsSeconds.');';
   echo 'var date2 = new Date ('.$dateFinJsYear.','.$dateFinJsMonth.','.$dateFinJsDay.','.$dateFinJsHour.','.$dateFinJsMinutes.','.$dateFinJsSeconds.');';
   ?>
   Rebour();
</script>


M&B Multimédia
WRInaute impliqué
WRInaute impliqué
 
Messages: 558
Inscription: 1 Oct 2009

Re: Mettre en place un decompte horaire ...

Message le Ven Juin 24, 2011 10:41

Il a demandé "des pistes ou un bout de code"... Pas LA solution... :mrgreen:


Zecat
WRInaute accro
WRInaute accro
 
Messages: 12001
Inscription: 1 Mar 2005

Re: Mettre en place un decompte horaire ...

Message le Ven Juin 24, 2011 10:49

M&B Multimédia a écrit:Il a demandé "des pistes ou un bout de code"... Pas LA solution... :mrgreen:

Si si ca le fait aussi :mrgreen: Merci merci ... trois copier coller c'ets dans mes cordes :mrgreen:


Si vous avez aimé cette discussion, partagez-la sur vos réseaux sociaux préférés :

Lectures recommandées sur ce thème :



Qui est en ligne

Utilisateurs parcourant ce forum: Aucun utilisateur enregistré et 0 invités