Compte à rebours rafraîchit aux secondes

Soyez le premier à donner votre avis sur cette source.

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

Commenter

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

Compte à rebours javascript secondes
Compte a rebours seconde - Meilleures réponses
Décompte (compte a rebours) qui affiche le nombre de mois, de jour, d'heure, de ✓ - Forum - Javascript / DHTML
Compte a rebour javascript - Guide
Modification en heure d'un compte a rebours en secondes ✓ - Forum - Javascript / DHTML
Compte a rebours javascript ✓ - Forum - Javascript / DHTML
Redirection avec compte a rebours - Forum - Javascript / DHTML

Ajouter un commentaire Commentaires

Signaler

Aiexis

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

15 janv. 2012 à 11:01

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>

Signaler

Fangstergangsta

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

17 juin 2011 à 18:05

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>

Signaler

ryodo

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

3 juil. 2010 à 13:30

un code qui fais un compte a rebours avec des foto

<SCRIPT LANGUAGE="JavaScript">

</SCRIPT>

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

</FORM>

</HTML>

</HTML>

Signaler

tipouic

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

16 avril 2009 à 20:45

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;
?>

Signaler

hou16

Messages postés: 2
Date d'inscription: jeudi 16 avril 2009
Statut: Membre
Dernière intervention: 16 avril 2009

16 avril 2009 à 18:27

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

S'inscrire maintenant

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.

Compte à rebours rafraîchit aux secondes

Contenu du snippet

Source / Exemple :

Conclusion :

A voir également

Vous n'êtes pas encore membre ?

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

Du même auteur (Black_Pit)

Quand mettre une clause where?

Affichage par page du résultat d'une requête

Nombre de jours ouvrables entre deux dates

Source / Exemple :

Conclusion :

A voir également

Vous n'êtes pas encore membre ? inscrivez-vous, c'est gratuit et ça prend moins d'une minute !

Du même auteur (Black_Pit)

Quand mettre une clause where?

Affichage par page du résultat d'une requête

Nombre de jours ouvrables entre deux dates

Vous n'êtes pas encore membre ?

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