Compte à rebours rafraîchit aux secondes

Soyez le premier à donner votre avis sur cette source.

Snippet vu 76 769 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

Messages postés
2
Date d'inscription
mardi 10 mars 2009
Statut
Membre
Dernière intervention
15 janvier 2012

Merci pour la source, mais les 3/4 du code sont complètement inutiles. Je sais que ça fait 10 ans que ça a été posté, mais voici la correction qui fait exactement la même chose pour 3 fois moins de lignes. En particulier les 2 fonctions date ne sont là que pour la déco.

<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";
return txt;}
</SCRIPT>
<html>
<head>
<title>Compte à rebours</title>
</head>

<form name="mail" method=get action="">
avant l'an 2010
</form>

</html>
Messages postés
3
Date d'inscription
mardi 1 avril 2008
Statut
Membre
Dernière intervention
23 janvier 2015

Salut j'ai un peu modifier pour qu'à la fin du temps il écrive "fin du concours" ou ce que vous voulez,lorsque le timer arrive à Zéro et que l'affichage soit possible autrement qu'avec un formulaire parce que c'était un peu contraignant!
voila le code:

<SCRIPT LANGUAGE="JavaScript">
function disp_delai(){
document.getElementById('bla').innerHTML=delai (2011,6,17,17,58);// pour écrire dans une div
//ou document.getElementById('bla').value=delai (2011,6,17,17,58); pour utiliser dans un champs texte
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);
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';
if((j<0) && ( h< 0) && ( m< 0) && ( s< 0))
{
var txt= 'Fin du concours';// texte à changer lorsque le timer arrive à zéro!
}
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>



<form method=get action="">

<!-- -->
</form>

</html>
Messages postés
1
Date d'inscription
vendredi 14 novembre 2008
Statut
Membre
Dernière intervention
3 juillet 2010

un code qui fais un compte a rebours avec des foto

<SCRIPT LANGUAGE="JavaScript">
<!--
i=10
function b()
{
document.forms[0].a.src=i+".jpg";
//document.write(document.forms[0].a.src);
i--;
if(i==-1)
{
clearTimeout(s);
s=0;
//document.forms[0].a.src="temps ecouler DSl";
}

}
s=setInterval("b()",1000);
//-->
</SCRIPT>

mm
<FORM METHOD=POST ACTION="">
<CENTER></CENTER>

</FORM>

</HTML>

</HTML>
Messages postés
20
Date d'inscription
jeudi 15 janvier 2004
Statut
Membre
Dernière intervention
2 octobre 2009

C'est normale HOU16, en PHP, il faut que les variables soit définies avant de les utilisées; donc commence ta page php avec :
<?php
$x1=2010;
$x2=1;
$x3=1;
$x4=0;
$x5=0;
?>
Messages postés
2
Date d'inscription
jeudi 16 avril 2009
Statut
Membre
Dernière intervention
16 avril 2009

salut le script est excellent mais je veux que la date soit dynamique soit à travers une variable php ou lire à partir MySQL j'ai essayé ca mais ca ne fonctionne pas


<SCRIPT LANGUAGE="JavaScript">
function disp_delai(){

var annee = <?php echo $x1; ?>
var mois = <?php echo $x2; ?>
var jour = <?php echo $x3; ?>
var heure = <?php echo $x4; ?>
var minn = <?php echo $x5; ?>
document.forms[0].elements[0].value=delai (annee,mois,jour,heure,minn);
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>



<form name="mail" method=get action="">
avant la cloture
</form>

<?php
$x1=2010;
$x2=1;
$x3=1;
$x4=0;
$x5=0;


?>

</html>
Afficher les 10 commentaires

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.