IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

JavaScript Discussion :

Développer un compte à rebours


Sujet :

JavaScript

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre expérimenté

    Homme Profil pro
    Technicien Help Desk
    Inscrit en
    Juillet 2004
    Messages
    2 756
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Seine Maritime (Haute Normandie)

    Informations professionnelles :
    Activité : Technicien Help Desk

    Informations forums :
    Inscription : Juillet 2004
    Messages : 2 756
    Par défaut Développer un compte à rebours
    Bonjour

    L'équipe OpenBSD met à notre disposition tous les six mois une nouvelle version à savoir le 1er Novembre et le 1er Mai.

    Je souhaite développer un compte à rebours comme dans l'exemple ci-dessous:
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    01.19.40.30
     days    hours   minutes seconds
    
          OpenBSD 4.5-RELEASE
              MAY,01,2009
    et 2 jours après la sortie on redémarre pour la version suivante:
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    50.25.12.20
     days    hours   minutes seconds
    
          OpenBSD 4.6-RELEASE
            FEBRUARY,01,2009
    Avez-vous une petite idée ? Un exemple ?

    Merci d'avance de vos réponses

  2. #2
    Membre expérimenté

    Homme Profil pro
    Technicien Help Desk
    Inscrit en
    Juillet 2004
    Messages
    2 756
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Seine Maritime (Haute Normandie)

    Informations professionnelles :
    Activité : Technicien Help Desk

    Informations forums :
    Inscription : Juillet 2004
    Messages : 2 756
    Par défaut
    Bien bien bien

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    <div id="temps"></div>
    <script type="text/JavaScript">
    var Affiche=document.getElementById("temps");
    function Rebour() {
    var date1 = new Date();
    var date2 = new Date ("May 1 00:00:00 2009");
    var sec = (date2 - date1) / 1000;
    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)));
    Affiche.innerHTML = " " + j + " . " + h + " . " + mn + " . " + sec + "<br/>Days  Hours  Minutes  Seconds";
    }
    tRebour=setTimeout ("Rebour();", 1000);
    }
    Rebour();
    </script>
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    Voici l'affichage:
    65 . 13 . 0 . 35
    Days Hours Minutes Seconds
    Ce n'est pas très beau

    De plus, je suis obligé de fixer la date à chaque fois

    Une idée?

    Merki

  3. #3
    Membre expérimenté Avatar de el_pedro
    Homme Profil pro
    Inscrit en
    Août 2008
    Messages
    200
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 38
    Localisation : France

    Informations forums :
    Inscription : Août 2008
    Messages : 200
    Par défaut
    Voila qui est fait, à toi de mettre en forme maintenant

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    24
    25
    26
    27
    28
    29
    30
    31
    32
    33
    34
    35
    36
    37
    38
    39
    40
    41
    42
    43
    44
    45
    46
    47
    48
    49
    50
    51
    52
    53
    54
    55
    56
    57
    58
     
    <span id="jour"></span>-<span id="heure"></span>-<span id="minute"></span>-<span id="seconde"></span>
    <script language="javascript">
     
    	function chrono(){
     
    		var now = new Date(); //Date actuelle
    		var dat;
     
    		if((now.getMonth() >= 3) && (now.getMonth() < 10)){	//Si entre 01/05 et 01/11
     
    			dat = new Date(now.getFullYear(), 10, 1);	//Novembre année en cour
     
    		}else{
     
    			if(now.getMonth() >= 11){	//Si après 01/11
     
    				dat = new Date(now.getFullYear()+1, 4, 1); //Mai année suivante
     
    			}else{ //Sinon
     
    				dat = new Date(now.getFullYear(), 4, 1); //Mai année en cour
     
    			}
     
    		}
     
    		var dif = (dat.getTime() - now.getTime())/1000;	//Dif = nombre de seconde entre maintenant et prochaine date de sortie
    		var tab = dif.toString().split('.');
    		dif = tab[0];
     
    		tab = (dif / 86400).toString().split('.');	//On récupère le nombre de jours
    		var jour = tab[0];
    		dif = dif - (jour * 86400);
     
    		tab = (dif / 3600).toString().split('.');	//On récupère le nombre de heurs
    		var heure = tab[0];
    		dif = dif - (heure * 3600);
     
    		tab = (dif / 60).toString().split('.');		//On récupère le nombre de minutes
    		var minute = tab[0];
    		var seconde = dif - (minute * 60);			//On récupère le nombre de secondes
     
    		document.getElementById('jour').innerHTML = jour;
     
    		document.getElementById('heure').innerHTML = heure;
     
    		document.getElementById('minute').innerHTML = minute;
     
    		document.getElementById('seconde').innerHTML = seconde;
     
    		setTimeout("chrono()", 1000);	//On appel toutes les secondes
     
    	}
     
    	chrono()
     
    </script>
    Du moment qu'ils ne changes pas leurs jours de sorties, le code devrai être toujours valable.

  4. #4
    Membre expérimenté

    Homme Profil pro
    Technicien Help Desk
    Inscrit en
    Juillet 2004
    Messages
    2 756
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Seine Maritime (Haute Normandie)

    Informations professionnelles :
    Activité : Technicien Help Desk

    Informations forums :
    Inscription : Juillet 2004
    Messages : 2 756
    Par défaut
    Bonjour

    Déjà un grand merci à toi ce code est nickel

    J'ai juste deux points à régler.

    J'aimerai modifier le format de la date afin d'obtenir 2 chiffres par exemple, s'il reste 1 jour et 1 heure 5 minutes et 2 secondes d'obtenir:
    Le second point c'est de modifier dynamiquement le n° de version. Actuellement, OpenBSD a sorti la version 4.4 (le 1er Novembre 2008) donc au mois de mai, ce sera la 4.5 et ainsi de suite. Sous le compte à rebours, je vais afficher OpenBSD x.x-RELEASE.

    Une petite idée ?

    Merci beaucoup

  5. #5
    Membre expérimenté Avatar de el_pedro
    Homme Profil pro
    Inscrit en
    Août 2008
    Messages
    200
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 38
    Localisation : France

    Informations forums :
    Inscription : Août 2008
    Messages : 200
    Par défaut
    Le probleme avec la version, c'est comment on peut savoir, by code j'entend, quand la version passe à 5, la faire defiller 4.04 4.05 4.06 4.07 4.08 4.09, ok mais ensuite, 5 ou 4.10

  6. #6
    Membre expérimenté

    Homme Profil pro
    Technicien Help Desk
    Inscrit en
    Juillet 2004
    Messages
    2 756
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Seine Maritime (Haute Normandie)

    Informations professionnelles :
    Activité : Technicien Help Desk

    Informations forums :
    Inscription : Juillet 2004
    Messages : 2 756
    Par défaut
    Les versions sont toujours mentionnées comme suit:
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    4.1 4.2 4.3 4.4 4.5 4.6 4.7 4.8 4.9 5.0 5.1 etc ...
    Serait-ce plus simple ? 1 chiffre après la virgule

+ Répondre à la discussion
Cette discussion est résolue.

Discussions similaires

  1. [timer] Compte à rebours pour redirection !
    Par Raideman dans le forum Général JavaScript
    Réponses: 2
    Dernier message: 31/12/2005, 20h07
  2. Compte à rebours
    Par Anduriel dans le forum Général JavaScript
    Réponses: 11
    Dernier message: 29/12/2005, 20h12
  3. compte à rebours
    Par Datord dans le forum VB 6 et antérieur
    Réponses: 5
    Dernier message: 17/11/2005, 21h22
  4. compte à rebours
    Par etoile1506 dans le forum C
    Réponses: 10
    Dernier message: 27/10/2005, 15h20
  5. Compte à rebours trop rapide
    Par Anduriel dans le forum Général JavaScript
    Réponses: 2
    Dernier message: 12/06/2005, 20h57

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo