Suivez-nous 2.0
Calendrier Event
JukeboxBobby
jukeboxV2
Qui est en ligne ?
Il y a en tout 2 utilisateurs en ligne :: 0 Enregistré, 0 Invisible et 2 Invités Aucun
Le record du nombre d'utilisateurs en ligne est de 20 le Dim 10 Oct - 12:44
Meilleurs posteurs
| Admin |
| |||
| Dany |
| |||
| yao |
| |||
| AH !! Why ? |
| |||
| BobbyDev |
| |||
| Pixolo |
| |||
| OvniZ'iteuse |
| |||
| TheAmazingTink |
| |||
| Titmoff |
| |||
| Yuitsu |
|
Liens Frenchnerd
Amis Fans
Web-séries
Goodies FFF
Compte à rebours
5 participants
:: BIENVENUE ! :: Vos présentations
Page 2 sur 2
Page 2 sur 2 • 
1, 2
Compte à rebours
par Dany Jeu 23 Oct - 9:56
Rappel du premier message :
Code fonctionnel actuel:
Code avec affichage sur 3 compteur uniquement:
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
Dany- Messages : 79
Date d'inscription : 10/09/2014
Age : 19
Re: Compte à rebours
par yao Jeu 20 Nov - 2:17
Bah maintenant t'as changé le titre et t'as mis "Exclu FFF" au lieu de "Anniversaire Frenchnerd" 
yao- Messages : 76
Date d'inscription : 19/08/2014
Age : 39
Dany- Messages : 79
Date d'inscription : 10/09/2014
Age : 19
Dany- Messages : 79
Date d'inscription : 10/09/2014
Age : 19
AH !! Why ?- Messages : 45
Date d'inscription : 27/08/2014
Re: Compte à rebours
par Dany 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..
Dany- Messages : 79
Date d'inscription : 10/09/2014
Age : 19
Re: Compte à rebours
par AH !! Why ? Jeu 20 Nov - 16:31
On laisse les secondes pour toujours voir un truc bouger.
C'est plus aguichant ^^
C'est plus aguichant ^^
AH !! Why ?- Messages : 45
Date d'inscription : 27/08/2014
Re: Compte à rebours
par Dany 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.
Dany- Messages : 79
Date d'inscription : 10/09/2014
Age : 19
Re: Compte à rebours
par yao 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 ^^
Je dis à Marie de mettre en place le widget ^^
yao- Messages : 76
Date d'inscription : 19/08/2014
Age : 39
Re: Compte à rebours
par Dany Ven 21 Nov - 7:59
Ok je mets à jour le code actualisé du premier post et je touche plus à rien.
Dany- Messages : 79
Date d'inscription : 10/09/2014
Age : 19
Titmoff- Messages : 1
Date d'inscription : 21/11/2014
Re: Compte à rebours
par Dany 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!^^
Dany- Messages : 79
Date d'inscription : 10/09/2014
Age : 19
Page 2 sur 2 • 1, 2
:: BIENVENUE ! :: Vos présentations
Page 2 sur 2
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum
