Compte à rebours rafraîchit aux secondes

Soyez le premier à donner votre avis sur cette source.

Snippet vu 76 562 fois - Téléchargée 27 fois

Contenu du snippet

Petit script intéressant que j'ai trouvé sur un autre site. Je l'ai modifié pour garder que l'essentiel. La présentation n'est pas au top mais on ne peut pas tout faire pour vous...Amusez-vous bien

Source / Exemple :


<SCRIPT LANGUAGE="JavaScript">
function disp_delai(){
	document.forms[0].elements[0].value=delai (2010,1,1,0,0);
	setTimeout("disp_delai()",1000);
	}
	
function delai(annee,mois,jour,heure,min)
	{var date_fin=new Date(annee,mois-1,jour,heure,min)
	var date_jour=new Date();
	var tps=(date_fin.getTime()-date_jour.getTime())/1000;
	var j=Math.floor(tps/3600/24);     	// récupere le nb de jour
	tps=tps % (3600*24);
	var h=Math.floor(tps / 3600);		// recupère le nb d'heure
	tps=tps % 3600;
	var m=Math.floor(tps/60);		// récupère le nb minute
	tps=tps % 60
	var s=Math.floor(tps);
	
	var txt=j+" j "+h+" h "+m+" min et "+s+" sec";
	date_fin=don_date(date_fin);
	return txt;}

function don_date_jour()
	{var date_jour=new Date();
	date_jour=don_date(date_jour);
	return date_jour;}

function don_date(une_date)
	{var la_date;
	var months=new Array(12);
	months[1]="Janvier";
	months[2]="Février";
	months[3]="Mars";
	months[4]="Avril";
	months[5]="Mai";
	months[6]="Juin";
	months[7]="Juillet";
	months[8]="Aout";
	months[9]="Septembre";
	months[10]="Octobre";
	months[11]="Novembre";
	months[12]="Décembre";

	var days=new Array(7);
	days[1]="Lundi";
	days[2]="Mardi";
	days[3]="Mercredi";
	days[4]="Jeudi";
	days[5]="Vendredi";
	days[6]="Samedi";
	days[7]="Dimanche";

	var month=months[une_date.getMonth() + 1];
	var day=days[une_date.getDay()];
	var date=une_date.getDate();
	var year=une_date.getYear();
}
</SCRIPT>

<html>
<head>
  <title>Compte à rebours</title>

</head>
<body onLoad="disp_delai()">
<br>
<form name="mail" method=get action="">
  <input name="RESTE" size=25 maxlength=25>avant l'an 2010
</form>
</body>
</html>

Conclusion :


changer cette ligne:

document.forms[0].elements[0].value=delai (2010,1,1,0,0);

selon les paramêtres que vous désirez et le format delai(yyyy,m,d,h,s)

A voir également

Ajouter un commentaire

Commentaires

jeff_the_lifeguard
Messages postés
73
Date d'inscription
lundi 13 octobre 2003
Statut
Membre
Dernière intervention
16 août 2004
-
très bien fait, un peu compliquer pour fixer la date limite, mais bien fait
DNCVR
Messages postés
2
Date d'inscription
dimanche 27 juillet 2003
Statut
Membre
Dernière intervention
26 juillet 2004
-
excellent justement ce que je chercher, mais es possible d'inverser la date, je veux dire que quand la date est dépasser qu'il n'affiche pas (-12 jours) mais (12 jours) ??

Mon idée est de faire un conteur inverse du conte a rebours ^_^.

merci
guewen0
Messages postés
1
Date d'inscription
jeudi 28 avril 2005
Statut
Membre
Dernière intervention
5 mai 2005
-
salut
Comment faire pour que quand les decompt est a 0 il s'arette et ne parte pas dans les négatif (-1 - 2 -3 .......)
???
merci
root2004
Messages postés
6
Date d'inscription
mercredi 27 octobre 2004
Statut
Membre
Dernière intervention
9 mai 2011
-
Le script est excellent, pile ce que je cherchais. 10/10.
tipouic
Messages postés
20
Date d'inscription
jeudi 15 janvier 2004
Statut
Membre
Dernière intervention
2 octobre 2009
-
Salut
Pas mal comme script, il y a juste un petit défo. Quand la date viens juste d'être dépassé, il affiche -1j -1h -1min et -1sec.
Voici ma correction dans la fonction delai(), plus un petit formatage des chiffres (01 au lieu de 1):
if(0>tps) { tps=0-tps; d='-'; } else { d=''; }
var txt=d+((j<10)?'0':'')+j+' j '+d+((h<10)?'0':'')+h+' h '+d+((m<10)?'0':'')+m+' min et '+d+((s<10)?'0':'')+s+' sec';

Pour DNCVR, il te suffit de remplacer d='-'; par d=''; sur ma correction et tu auras ce que tu veux; pour GUEWENO, c'est "tps=0-tps;" par "tps=0;".

Vous n'êtes pas encore membre ?

inscrivez-vous, c'est gratuit et ça prend moins d'une minute !

Les membres obtiennent plus de réponses que les utilisateurs anonymes.

Le fait d'être membre vous permet d'avoir un suivi détaillé de vos demandes et codes sources.

Le fait d'être membre vous permet d'avoir des options supplémentaires.