Les Allergies
Alimentaires
Posez votre question Signaler

[Compte à rebours HTML] [Résolu]

Skiso_Style93 - Dernière réponse le 8 janv. 2006 à 10:49
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 ;) !
Lire la suite 

[Compte à rebours HTML] »

1 réponses
Réponse
+17
moins plus
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.
Ajouter un commentaire
Ce document intitulé « [Compte à rebours HTML] » 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 ?