Anniversaire Frenchnerd

• en savoir plus •
Suivez-nous 2.0

Calendrier Event
Août 2017
LunMarMerJeuVenSamDim
 123456
78910111213
14151617181920
21222324252627
28293031   

Calendrier Calendrier

JukeboxBobby
Jukebox du FFF
jukeboxV2
Jukebox du FFF
Qui est en ligne ?
Il y a en tout 1 utilisateur en ligne :: 0 Enregistré, 0 Invisible et 1 Invité

Aucun

Le record du nombre d'utilisateurs en ligne est de 12 le Mer 6 Jan - 1:26
Liens Frenchnerd
Frenchnerd Le site du Visiteur du Futur Les opérateurs
Amis Fans
Frenchnerd's Nerd Futuristes Le Blog du Futur
Web-séries
NONSERIE Les Souverains Boxer Boxer SLG La petite maison dans l'âprerie
Goodies FFF
Goodies du FFF
Car2

Concours RM

• en savoir plus •

Compte à rebours

Page 2 sur 2 Précédent  1, 2

Voir le sujet précédent Voir le sujet suivant Aller en bas

Compte à rebours

Message par Dany le Jeu 23 Oct - 9:56

Rappel du premier message :

Code fonctionnel actuel:
Code:
 <style>
#countdownContainer{
width:100%;
text-align:center;
margin-bottom:12px;
}
#countdownContainer p{
color:#FF4F00;
font-weight: bold;
font-size: 15px;
letter-spacing: 0.3em;
}
#countdownContainer div#countdown {
font-size: 15px;
    text-align: center;font-weight: bold;
    border:3px solid #E09019;
    border-radius:10px;
    -webkit-border-radius:10px;
    -moz-border-radius:10px;
padding: 3px 0 5px;
color:#4E5359;
}
#countdownContainer a#link_event{
color: #E84B60;
font-size:13px;
}
#countdownContainer a#link_event:hover{
color:#fff;
}
</style>
<div onload="function compte_a_rebours()" id="countdownContainer">
                                                                                    
   <p>
                                                Anniversaire Frenchnerd                                       
   </p>
                                                                                      
   <div id="countdown">
                                                               
   </div><a href="http://www.frenchnerd-fanclub.com/t8061-cadeau-pour-frenchnerd-les-6-ans-de-frenchnerd" id="link_event">• en savoir plus •</a>
</div>
 <script type="text/javascript">
function compte_a_rebours()
{
 var compte_a_rebours = document.getElementById("countdown");

 var date_actuelle = new Date();
 var date_evenement = new Date("Dec 9 00:00:00 2014");
 var total_secondes = (date_evenement - date_actuelle) / 1000;

 var prefixe = "Compte à rebours terminé dans ";
 
    if (total_secondes > 0)
  {
      var jours = Math.floor(total_secondes / (60 * 60 * 24));
      var heures = Math.floor((total_secondes - (jours * 60 * 60 * 24)) / (60 * 60));
      minutes = Math.floor((total_secondes - ((jours * 60 * 60 * 24 + heures * 60 * 60))) / 60);
      secondes = Math.floor(total_secondes - ((jours * 60 * 60 * 24 + heures * 60 * 60 + minutes * 60)));

      var mot_jour = "J : ";
      var mot_heure = "H : ";
      var mot_minute = "M : ";
      var mot_seconde = "S";
if (secondes<10){secondes="0"+secondes}
if (minutes<10){minutes="0"+minutes}
if (heures<10){heures="0"+heures}
if (jours<10){jours="0"+jours}
          compte_a_rebours.innerHTML = jours + mot_jour + heures + mot_heure + minutes + mot_minute + secondes + mot_seconde;
 }
 else
 {
 compte_a_rebours.innerHTML = 'Compte à rebours terminé.';
 }

 var actualisation = setTimeout("compte_a_rebours();", 1000);
}
compte_a_rebours();
</script> 


Code avec affichage sur 3 compteur uniquement:
Code:
 <style>
#countdownContainer{
width:100%;
text-align:center;
margin-bottom:12px;
}
#countdownContainer p{
color:#FF4F00;
font-weight: bold;
font-size: 15px;
letter-spacing: 0.3em;
}
#countdownContainer div#countdown {
font-size: 15px;
    text-align: center;font-weight: bold;
    border:3px solid #E09019;
    border-radius:10px;
    -webkit-border-radius:10px;
    -moz-border-radius:10px;
padding: 3px 0 5px;
color:#4E5359;
}
#countdownContainer a#link_event{
color: #E84B60;
font-size:13px;
}
#countdownContainer a#link_event:hover{
color:#fff;
}
</style>
<div id="countdownContainer" onload="function compte_a_rebours()">
                                                                           
   <p>
                                         ANNIVERSAIRE FRENCHNERD                                  
   </p>
                                                                         
   <div id="countdown">
                                                                            
   </div><a id="link_event" href="http://www.frenchnerd-fanclub.com/t8061-cadeau-pour-frenchnerd-les-6-ans-de-frenchnerd#315470">• en savoir plus •</a>
</div>
 <script type="text/javascript">

function compte_a_rebours()
{
 var compte_a_rebours = document.getElementById("countdown");

 var date_actuelle = new Date();
 var date_evenement = new Date("Dec 9 00:00:00 2014");
 var total_secondes = (date_evenement - date_actuelle) / 1000;
 var a=Math.floor(total_secondes)
      var jours = Math.floor(total_secondes / (60 * 60 * 24));
      var heures = Math.floor((total_secondes - (jours * 60 * 60 * 24)) / (60 * 60));
      var minutes = Math.floor((total_secondes - ((jours * 60 * 60 * 24 + heures * 60 * 60))) / 60);
      var secondes = Math.floor(total_secondes - ((jours * 60 * 60 * 24 + heures * 60 * 60 + minutes * 60)));

      var mot_jour = "J : ";
      var mot_heure = "H : ";
      var mot_minute = "M";
      var mot_seconde = "S";
  
  if (a > 86400)
   {

   if (jours == 0)
      {
         jours = '';
         mot_jour = '';
      }
      else if (jours == 1)
      {
         mot_jour = "J : ";
      }

      if (heures == 0)
      {
         /*heures = '';*/
         mot_heure = 'H : ';
      }
      else if (heures == 1)
      {
         mot_heure = "H : ";
      }

      if (minutes == 0)
      {
         /*minutes = '';*/
         mot_minute = 'M : ';
      }
      else if (minutes == 1)
      {
         mot_minute = "M : ";
      }

      if (secondes == 0)
      {
         /*secondes = '';*/
         mot_seconde = 'S';
      }
      else if (secondes == 1)
      {
         mot_seconde = "S";
      }
compte_a_rebours.innerHTML = jours + mot_jour + heures + mot_heure + minutes + mot_minute;
 }
 else if(a < 86400)
{
compte_a_rebours.innerHTML = heures + mot_heure + minutes + mot_minute+" : "+secondes + mot_seconde;
}

 var actualisation = setTimeout("compte_a_rebours();", 1000);
}
compte_a_rebours();
</script>  


Dernière édition par Dany the DevDog le Ven 21 Nov - 8:00, édité 3 fois
avatar
Dany

Messages : 79
Date d'inscription : 10/09/2014
Age : 12

Revenir en haut Aller en bas


Re: Compte à rebours

Message par yao le Jeu 20 Nov - 2:17

Bah maintenant t'as changé le titre et t'as mis "Exclu FFF" au lieu de "Anniversaire Frenchnerd" Razz
avatar
yao

Messages : 76
Date d'inscription : 19/08/2014
Age : 32

Revenir en haut Aller en bas

Re: Compte à rebours

Message par Dany le Jeu 20 Nov - 7:42

Bon j'étais crevé, ok?^^'

_________________
avatar
Dany

Messages : 79
Date d'inscription : 10/09/2014
Age : 12

Revenir en haut Aller en bas

Re: Compte à rebours

Message par Dany le Jeu 20 Nov - 14:20

Eh est-ce vraiment utile de mettre les J: H: M: S:?

_________________
avatar
Dany

Messages : 79
Date d'inscription : 10/09/2014
Age : 12

Revenir en haut Aller en bas

Re: Compte à rebours

Message par AH !! Why ? le Jeu 20 Nov - 15:41

Je pense que oui ^^

_________________
TESTTTTTT
avatar
AH !! Why ?

Messages : 45
Date d'inscription : 27/08/2014

Revenir en haut Aller en bas

Re: Compte à rebours

Message par Dany le Jeu 20 Nov - 16:01

Je sais pas...c'est plutôt logique quand tu vois les secondes défiler...si on les voyais pas ouais, on aurait pu confondre, mais là...je vois pas comment tu pourrais te tromper..

_________________
avatar
Dany

Messages : 79
Date d'inscription : 10/09/2014
Age : 12

Revenir en haut Aller en bas

Re: Compte à rebours

Message par AH !! Why ? le Jeu 20 Nov - 16:31

On laisse les secondes pour toujours voir un truc bouger.

C'est plus aguichant ^^

_________________
TESTTTTTT
avatar
AH !! Why ?

Messages : 45
Date d'inscription : 27/08/2014

Revenir en haut Aller en bas

Re: Compte à rebours

Message par Dany le Jeu 20 Nov - 16:58

Ouais c'est pas ce que je veux dire: je veux juste parler des lettres. on c'est que ce qui bouge tout le temps c'est des secondes...pas besoin de mettre un S.

_________________
avatar
Dany

Messages : 79
Date d'inscription : 10/09/2014
Age : 12

Revenir en haut Aller en bas

Re: Compte à rebours

Message par yao le Jeu 20 Nov - 20:32

On laisse. C'est pas évident de comprendre du premier coup où sont les jours ou les heures.

Je dis à Marie de mettre en place le widget ^^
avatar
yao

Messages : 76
Date d'inscription : 19/08/2014
Age : 32

Revenir en haut Aller en bas

Re: Compte à rebours

Message par Dany le Ven 21 Nov - 7:59

Ok je mets à jour le code actualisé du premier post et je touche plus à rien.

_________________
avatar
Dany

Messages : 79
Date d'inscription : 10/09/2014
Age : 12

Revenir en haut Aller en bas

Re: Compte à rebours

Message par Titmoff le Ven 21 Nov - 21:24

Voilà c'est mis en ligne sur le forum.

Titmoff

Messages : 1
Date d'inscription : 21/11/2014

Revenir en haut Aller en bas

Re: Compte à rebours

Message par Dany le Sam 22 Nov - 2:03

Merci Titmoff! Par contre j'ai laissé un simple "compte à rebours terminé"donc si tu veux le changer par un Joyeux anniversaire Frenchnerd ou autre, remanie à ta sauce!^^

_________________
avatar
Dany

Messages : 79
Date d'inscription : 10/09/2014
Age : 12

Revenir en haut Aller en bas

Re: Compte à rebours

Message par Contenu sponsorisé


Contenu sponsorisé


Revenir en haut Aller en bas

Page 2 sur 2 Précédent  1, 2

Voir le sujet précédent Voir le sujet suivant Revenir en haut

- Sujets similaires

 
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum