[Compte à rebours HTML]

Résolu
Skiso_Style93 -  
dugenou Messages postés 6262 Statut Contributeur -
Bonjour,
Je voudrais insérer un compte à rebours sur mon site, j'ai cherché, mais aucun ne m'y convient. Si possible, en Flash, mais ce que je veux, c'est un compte à rebours qui s'affiche en texte, qui indique les heures, les minutes et les secondes (voire les jours) restant avant un moment.
Comment faire ? Merci ;) !

1 réponse

  1.
    dugenou Messages postés 6262 Statut Contributeur 1 455
     
    Bonjour,

    A mon avis ce n'est pas possible en html, mais faisable en javascript, voici un script trouvé chez www.toutjavascript.com : 

    <html><head><title>Compteur dynamique entre 2 dates</title> 

<SCRIPT LANGUAGE="JavaScript">
// D'autres scripts et des conseils sur http://www.toutjavascript.com

function disp_delai()
	{document.forms[0].elements[0].value=delai(2003,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_heure()
	{var date_jour=new Date();
	var heure=date_jour.getHours();
	var min=date_jour.getMinutes();
	if (heure<10) heure="0"+heure;
	if (min<10) min="0"+min;
	heure=heure+":"+min;
	return heure;}

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[0]="Dimanche";

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

	year=1900+year;
	
	la_date=day + " " + date + " " + month + " " + year;
	return la_date;
}
</SCRIPT>

</head>

<body text="#000000" alink="#FF8C00" link="#FF8C00" vlink="#FF8C00" onLoad="disp_delai()">

<FONT FACE="Arial" SIZE="-1" COLOR="navy">
<CENTER><BIG><B>Compteur dynamique entre 2 dates</B></BIG></CENTER><BR><BR>
<script TYPE="text/JavaScript"><!-- 
document.write("Aujourd'hui, "+don_date_jour()+" "+don_heure()+"<BR>");

 //--></script>

<FORM NAME="mail" METHOD=GET>
	Il reste
	<INPUT NAME="RESTE" SIZE=25 MAXLENGTH=25>
	avant le 1er Janvier 2003<BR><BR>
</FORM> 

</FONT>
</body>
</html>


    ou en php, voici un autre script trouvé je ne sais plus où : 

    <?php

// Mettre ici le jour dans le futur
$day = 01;
// Mettre ici le mois dans le futur
$month = 01;
// Mettre ici l'annee dans le futur
$year = 2006;

// Cette ligne n a pas besoin d etre modifée
// $days la variable $days contient le nombre de jours (le résultat)
$days = (int)((mktime (0,0,0,$month,$day,$year) - time(void))/86400);
if ($days>=0){
echo '<p align="right">';
echo "Encore $days jour(s) jusqu'au $day/$month/$year";
echo '</p>';
}

?>


    Bon courage.
    17