Mettre en place un decompte horaire ...

Discussion dans 'Développement d'un site Web ou d'une appli mobile' créé par Zecat, 24 Juin 2011.

  1. Zecat
    Zecat WRInaute accro
    Inscrit:
    1 Mars 2005
    Messages:
    9 177
    J'aime reçus:
    0
    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é.
     
  2. M&B Multimédia
    M&B Multimédia WRInaute passionné
    Inscrit:
    1 Octobre 2009
    Messages:
    1 117
    J'aime reçus:
    0
    Ici ?

    Et ici avec jQuery Countdown ?

    Edit : j'en ai trouvé un autre avec jQuery directement
     
  3. Zecat
    Zecat WRInaute accro
    Inscrit:
    1 Mars 2005
    Messages:
    9 177
    J'aime reçus:
    0
    reponse courte et efficace. thanks
     
  4. blman
    blman WRInaute accro
    Inscrit:
    5 Septembre 2003
    Messages:
    2 740
    J'aime reçus:
    1
    j'ai retrouvé un script que j'avais fait :

    Initialisation des variables :

    Code:
    $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:
    <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:
    <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>
    
     
  5. M&B Multimédia
    M&B Multimédia WRInaute passionné
    Inscrit:
    1 Octobre 2009
    Messages:
    1 117
    J'aime reçus:
    0
    Il a demandé "des pistes ou un bout de code"... Pas LA solution... :mrgreen:
     
  6. Zecat
    Zecat WRInaute accro
    Inscrit:
    1 Mars 2005
    Messages:
    9 177
    J'aime reçus:
    0
    Si si ca le fait aussi :mrgreen: Merci merci ... trois copier coller c'ets dans mes cordes :mrgreen:
     
Chargement...
Similar Threads - Mettre place decompte Forum Date
Comment mettre en place le paiement sur Woocommerce ? e-commerce 4 Juin 2019
Cookies et RGPD : mettre en place le script tarteauciron.js Développement d'un site Web ou d'une appli mobile 18 Février 2019
Mettre en place sa stratégie de netlinking Netlinking, backlinks, liens et redirections 24 Mars 2016
DoubleClick for publisher: comment mettre en place? Monétisation d'un site web 23 Mars 2016
Comment mettre en place un stystème de notation avec étoiles? Débuter en référencement 7 Avril 2015
Mettre en place une stratégie pour Facebook Facebook 2 Décembre 2014
Comment mettre en place un système de rachat de livres sur un site? e-commerce 26 Novembre 2013
Mettre en place un système de code de réduction sur un site E-commerce: Développement d'un site Web ou d'une appli mobile 28 Août 2012
URL Rewritting - Impossible à mettre en place URL Rewriting et .htaccess 30 Mars 2012
Impossible de mettre en place un URL Rewritting URL Rewriting et .htaccess 3 Décembre 2011
  1. Ce site utilise des cookies. En continuant à utiliser ce site, vous acceptez l'utilisation des cookies.
    Rejeter la notice