Création
d'entreprise
Posez votre question Signaler

Compte à rebours dans un site web

Romain - Dernière réponse le 19 mars 2012 à 16:07
Bonjour, comment mettre un compte à rebours dans un site ? Merci d'avance !
Lire la suite 

Compte à rebours dans un site web »

39 réponses
Réponse
+13
moins plus
SALUT

EN VOILA UN
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
  <head>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
    <title>COMPTE A REBOURS
    </title>
<script LANGUAGE="JavaScript">
<!--
function getTime() {
now = new Date();
y2k = new Date("Mar 31 2009 15:00:00"); //ICI LA DATE CIBLE
days = (y2k - now) / 1000 / 60 / 60 / 24;
daysRound = Math.floor(days);
hours = (y2k - now) / 1000 / 60 / 60 - (24 * daysRound);
hoursRound = Math.floor(hours);
minutes = (y2k - now) / 1000 /60 - (24 * 60 * daysRound) - (60 * hoursRound);
minutesRound = Math.floor(minutes);
seconds = (y2k - now) / 1000 - (24 * 60 * 60 * daysRound) - (60 * 60 * hoursRound) - (60 * minutesRound);
secondsRound = Math.round(seconds);
sec = (secondsRound == 1) ? " seconde" : " secondes";
min = (minutesRound == 1) ? " minute" : " minutes, ";
hr = (hoursRound == 1) ? " heure" : " heures, ";
dy = (daysRound == 1)  ? " jour" : " jours, "
document.timeForm.input1.value = "Encore " + daysRound  + dy + hoursRound + hr + minutesRound + min + secondsRound + sec + " avant le 31 Mars 2009 15 H 00 !";
newtime = window.setTimeout("getTime();", 1000);
}
// -->
</script>
  </head>
  <body onLoad="getTime()">
    <form name=timeForm>
      <input type="texte" name=input1 size=110 border-style="none" style="border-bottom: 0px solid; border-left: 0px solid;border-right: 0px solid;border-top: 0px solid;font:12px arial, helvetica,sans-serif">
    </form>
  </body>
</html>


RAD
mat8883- 19 mars 2012 à 16:07
Oui mais le problème de ce script c'est qu'il continue en boucle... Comment afficher le message "Terminé" à la place du compte à rebours quand celui-ci est terminé ?
Ajouter un commentaire
Réponse
+6
moins plus
Salut!

Eh bien il suffit d'insérer un ptit script dans ta page, comme par exemple celui-ci:
<script language="javascript">
<!--
function chrono()
{
jour=Date.parse("Jun 8, 2004 GMT") - Date.parse(new Date);
return(Math.round(jour/(24*60*60*1000)))
}
document.write("Il reste "+chrono()+" jours avant le passage de Vénus devant le Soleil le 8 juin 2004");
//-->
</script>

Bon je ne sais pas si tu veux ça exactement, quand tu dis on voit le temps qu'il reste avant cette date , tu souhaiterais voir le temps s'afficher en secondes, minutes, heures... ???

Tiens-nous au courant!
@+
yann16 - 13 juil. 2008 à 18:20
Salut tout le monde, moi je voudrais un compte à rebours comme ceux de OGame.
yann16 - 13 juil. 2008 à 18:20
Salut tout le monde, moi je voudrais un compte à rebours comme ceux de OGame.
LA.Women- 26 avril 2010 à 16:55
Bonjour SirHill,

dans ta fonction chrono(),
est-il possible d'afficher les heures minutes et secondes?
Je te remercie
Ajouter un commentaire
Réponse
+4
moins plus
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>COMPTE A REBOURS
</title>
<script LANGUAGE="JavaScript">
<!--
function getTime() {
now = new Date();
y2k = new Date("Mar 31 2009 15:00:00"); //ICI LA DATE CIBLE
days = (y2k - now) / 1000 / 60 / 60 / 24;
daysRound = Math.floor(days);
hours = (y2k - now) / 1000 / 60 / 60 - (24 * daysRound);
hoursRound = Math.floor(hours);
minutes = (y2k - now) / 1000 /60 - (24 * 60 * daysRound) - (60 * hoursRound);
minutesRound = Math.floor(minutes);
seconds = (y2k - now) / 1000 - (24 * 60 * 60 * daysRound) - (60 * 60 * hoursRound) - (60 * minutesRound);
secondsRound = Math.round(seconds);
sec = (secondsRound == 1) ? " seconde" : " secondes";
min = (minutesRound == 1) ? " minute" : " minutes, ";
hr = (hoursRound == 1) ? " heure" : " heures, ";
dy = (daysRound == 8) ? " jour" : " jours, "
document.timeForm.input1.value = "Encore " + daysRound + dy + hoursRound + hr + minutesRound + min + secondsRound + sec + " avant le 31 Mars 2009 15 H 00 !";
newtime = window.setTimeout("getTime();", 1000);
}
// -->
</script>
</head>
<body onLoad="getTime()">
<form name=timeForm>
<input type="texte" name=input1 size=110 border-style="none" style="border-bottom: 0px solid; border-left: 0px solid;border-right: 0px solid;border-top: 0px solid;font:12px arial, helvetica,sans-serif">
</form>
</body>
</html>
Ajouter un commentaire
Réponse
+3
moins plus
Je fixe une date et on voit le temps qu'il resta avant cette date (pour le passage de Vénus devant le Soleil le 8 juin 2004). C'est ça l'idée, maintenant il me faut le code...
Ajouter un commentaire
Réponse
+3
moins plus
Salut
Pour la police, tu peux par exemple insérer dans le script une balise SPAN définissant le style. Voici le script (les ajouts sont en gras):
<script language="javascript">
<!--
function chrono()
{
jour=Date.parse("Jun 8, 2004 GMT") - Date.parse(new Date);
return(Math.round(jour/(24*60*60*1000)))
}
document.write("<SPAN STYLE='font-family: Arial; font-size: 15px; font-weight: bold;'>Il reste "+chrono()+" jours avant le passage de Vénus devant le Soleil le 8 juin 2004</SPAN>");
//-->
</script>

Dans l'exemple, la police est en Arial, de taille 15px et en gras.
Pour l'intégrer dans ta page, le mieux est encore de l'insérer dans un tableau.
Si tu as un problème ou une question, n'hésite pas à nous en faire part!
@+
Ajouter un commentaire
Réponse
+2
moins plus
Ah ah ah je vois pas du tout le rapport
Ajouter un commentaire
Réponse
+2
moins plus
salut à tous.
Bon en ce qui me concerne, je souhaite insérer dans mon blog : "bricedecognac.sport24.com" un compteur en mode compte a rebours.
Je vais participer à l'Ironman de Nice le 22 juin et j'aimerais bien que le décompte se fasse en direct sur le blog.
Si quelqu'un peu m'aiguiller, je suis preneur.
Attention, je ne suis pas un pro en informatique, donc les termes les plus simples seront les biens venus.
Merci d'avance.
toto 30260 - 14 déc. 2008 à 11:41
Je souhaiterai ajouter un compte à rebours comme sur le site http://www.sanfermin.com/ , comment dois-je faire pour cela ?? Existe-t-il des codes html ou faut-il acheter ? J'ai une très faible connaissance en informatique.
Ajouter un commentaire
Réponse
+2
moins plus
Encore une fois bien jouer Rad
Ajouter un commentaire
Réponse
+1
moins plus
Merci beaucoup, ça fonctionne nickel ! Juste une petite chose à vous demander : comment on choisit la police et l'emplacement dans la page ? (je sais je suis débutant)
Ajouter un commentaire
Réponse
+1
moins plus
merci a sirhill
pour ce code
Salut
Pour la police, tu peux par exemple insérer dans le script une balise SPAN définissant le style. Voici le script (les ajouts sont en gras):

<script language="javascript">
<!--
function chrono()
{
jour=Date.parse("Jun 8, 2004 GMT") - Date.parse(new Date);
return(Math.round(jour/(24*60*60*1000)))
}
document.write("<SPAN STYLE='font-family: Arial; font-size: 15px; font-weight: bold;'>Il reste "+chrono()+" jours avant le passage de Vénus devant le Soleil le 8 juin 2004</SPAN>");
//-->
</script>


Dans l'exemple, la police est en Arial, de taille 15px et en gras.
Pour l'intégrer dans ta page, le mieux est encore de l'insérer dans un tableau.
Si tu as un problème ou une question, n'hésite pas à nous en faire part!

MOI JE L'AI INTRODUIT SUR MON FORUM C'EST NICKEL

http://rsca.the-talk.net
Soleil 06 - 30 oct. 2008 à 00:10
Merci pour ton exemple moi je l'ai mis sur mon site mais j'ai un décalage ,par exemple je l'ai installer hier soir à 23h et maintenant il est 1h du matin rien n'as changé

<script language="javascript">
<!--
function chrono()
{
jour=Date.parse("Dec 25, 2008 GMT") - Date.parse(new Date);
return(Math.round(jour/(24*60*60*1000)))
}
document.write("<SPAN STYLE='font-family: Arial; font-size: 15px; font-weight: bold;'>Il reste "+chrono()+" jours avant Noël</SPAN>");
//-->
</script>
Cordialement et encore merci
Ajouter un commentaire
Réponse
+1
moins plus
merci a sirhill
pour ce code
Salut
Pour la police, tu peux par exemple insérer dans le script une balise SPAN définissant le style. Voici le script (les ajouts sont en gras):

<script language="javascript">
<!--
function chrono()
{
jour=Date.parse("Jun 8, 2004 GMT") - Date.parse(new Date);
return(Math.round(jour/(24*60*60*1000)))
}
document.write("<SPAN STYLE='font-family: Arial; font-size: 15px; font-weight: bold;'>Il reste "+chrono()+" jours avant le passage de Vénus devant le Soleil le 8 juin 2004</SPAN>");
//-->
</script>


Dans l'exemple, la police est en Arial, de taille 15px et en gras.
Pour l'intégrer dans ta page, le mieux est encore de l'insérer dans un tableau.
Si tu as un problème ou une question, n'hésite pas à nous en faire part!

MOI JE L'AI INTRODUIT SUR MON FORUM C'EST NICKEL
Ajouter un commentaire
Réponse
+1
moins plus
essai

<!-- Clockeo module, version 1.0.0* (c) 2007 zoilerb!--><link href="http://www.clockeo.com/style/styles_timeto.css" rel=stylesheet type='text/css'><!--[if IE]><link href="http://www.clockeo.com/style/IE_styles_timeto.css" rel=stylesheet type='text/css'><![endif]--><script language=javascript src="http://www.clockeo.com/inc/js/prototype-1.4.0.js"></script> <script language=javascript src="http://www.clockeo.com/inc/js/general.js"></script> <script language=javascript src="http://www.clockeo.com/inc/js/dhtml.js"></script> <script language=javascript src="http://www.clockeo.com/inc/js/timeto.js"></script> <script language=javascript> items.push(new CountDown('Arrivé de thomas', JsDate('2008', '08', '10', '12', '00', '00')) ); RP.start(); </script> <div class=boite_count> <div class=count><div class=countlib id=wording0></div><div class=countvar id=value0></div><a href=http://www.clockeo.com><img border=0 src=http://www.clockeo.com/img/ppicto.gif></a></div> </div>
Ajouter un commentaire
Réponse
+0
moins plus
Désolé j'ai renvoyé 2 fois le sujet !
Ajouter un commentaire
Réponse
+0
moins plus
excuses moi mais qu'entends tu par un compte à rebours ? pourrais tu développer stp ?

Gals - Nibelungen
Ajouter un commentaire
Réponse
+0
moins plus
pour l'emplacement, si tu es en HTML, je te conseillerais d'utiliser un ou des tableaux pour faire ta mise en page :o)

Gals - Nibelungen
Ajouter un commentaire
Réponse
+0
moins plus
Moi je marche avec FrontPage 2003 et le script que vous m'avez filez, je l'insère bien dans le code de page mais à quel endroit ?
Ajouter un commentaire
Réponse
+0
moins plus
Eh ben... oùtuveux!!!
Dans ta page, insère un tableau histoire d'architecturer ta page (Tableau > Insérer un tableau ). Passe ensuite en mode code et colle le script à l'endroit souhaité (entre les balises TD).

Tiens-nous au courant et @+
Ajouter un commentaire
Réponse
+0
moins plus
Bonjour,

je voudrais savoir comment insérer un compte à rebours 3 - 2 - 1 sur ma page de présentation et qu ensuite ce soit la page acceuil qui apparaisse

merci
Ajouter un commentaire
Réponse
+0
moins plus
voila moi j aimerai faire un compteur pour le temp qui defile depuit le 8/10/2006 a 1H30 il fodrer que ca afiche les année/mois/jour/heur/et ci possible seconde esque c'est possible? merci d avece
manoti- 23 oct. 2010 à 01:21
Vous êtes hors sujet, mais je vous aide comme même. Voilà le lien de ce que vous cherchez : http://www.editeurjavascript.com/scripts/scripts_temps_3_897.php
Ajouter un commentaire
Réponse
+0
moins plus
sa marche pas :(
Ajouter un commentaire
Ce document intitulé « Compte à rebours dans un site web » issu de CommentCaMarche (www.commentcamarche.net) est mis à disposition sous les termes de la licence Creative Commons. Vous pouvez copier, modifier des copies de cette page, dans les conditions fixées par la licence, tant que cette note apparaît clairement.
Dossier à la une
Passage au tout numérique : quel coût pour les particuliers ?
Compte à rebours dans un site web - page 2