begin process at 2012 05 28 13:03:32
  Trouver un code source :
 
dans
 
[ Dernières recherches ]
Accueil > 

Code

 > 

Date & Heure

 > COMPTE À REBOURS POUR ÉVÉNEMENTS À RÉPÉTITION

COMPTE À REBOURS POUR ÉVÉNEMENTS À RÉPÉTITION


 Description

Bonjour,

Voici un code permettant d'afficher sur sa page Web un compte à rebours pour des événements répétitifs.

Merci de me faire parvenir vos commentaires.

Utilisation : insérer la balise Div à l'endroit où l'on veut que le compte à rebours s'affiche. Les différentes variables de la fonction Rebour() sont expliquées dans le commentaire.

Source

  • <html><body>
  • <label id="Compte"></label>
  • <script language="javascript">
  • function Rebour(LabelId, d_start, n_episodes, ecart, Text) {
  • /* LabelId = nom du label dans lequel placer le texte
  • ** n_episodes = nbre d'épisodes dans la saison
  • ** d_start = date de début
  • ** ecart = écart entre 2 épisodes en jour
  • ** Text = text à afficher avant le compte à rebours
  • */
  • var affiche = document.getElementById(LabelId);
  • var date_start = new Date(d_start);
  • date_start = date_start.getTime(); // transforme la date de début en timestamp (milli-secondes)
  • ecart_cor = ecart * 24 * 3600 * 1000; // Mettre valeur en mili-secondes
  • var saison = new Array(); // tableau des dates des épisodes
  • saison[0] = date_start;
  • var auj = new Date(); // heure actuelle
  • auj = auj.getTime(); // transforme la date de début en timestamp (milli-secondes)
  • for (i = 1; i < n_episodes; i++) { // Boucle de remplissage des dates des épisodes (le premier est déjà inséré)
  • saison[i] = saison[i - 1] + ecart_cor;
  • }
  • for (i = 0; i < n_episodes; i++) { // Boucle permettant de trouvé l'épisode suivant
  • if (saison[i] > auj) {
  • var duree = (saison[i] - auj) / 1000; // Obtient le temps restant jusqu'au prochain épisode
  • var jours = Math.floor(duree / (24 * 3600));
  • var heures = Math.floor((duree - jours * 24 * 3600) / 3600);
  • var minutes = Math.floor((duree - jours * 24 * 3600 - heures * 3600) / 60);
  • break; // Arrête la boucle
  • }
  • }
  • affiche.innerHTML = unescape(Text) + jours +" jours "+ heures +" h "+ minutes +" min";
  • tRebour = setTimeout('Rebour("' + LabelId + '", "' + d_start + '", ' + n_episodes + ', ' + ecart + ', "' + Text + '");', 1000);
  • }
  • Rebour("Compte", "May 05 00:27:00 2010", 24, 14, "D&eacute;but dans : ");
  • </script>
  • </body></html>
<html><body>
<label id="Compte"></label>
<script language="javascript">
function Rebour(LabelId, d_start, n_episodes, ecart, Text) {
	/* LabelId = nom du label dans lequel placer le texte
	** n_episodes = nbre d'épisodes dans la saison
	** d_start = date de début
	** ecart = écart entre 2 épisodes en jour
	** Text = text à afficher avant le compte à rebours
	*/

	var affiche = document.getElementById(LabelId);
	var date_start = new Date(d_start);
	date_start = date_start.getTime(); // transforme la date de début en timestamp (milli-secondes)
	ecart_cor = ecart * 24 * 3600 * 1000; // Mettre valeur en mili-secondes
	var saison = new Array(); // tableau des dates des épisodes
	saison[0] = date_start;

	var auj = new Date(); // heure actuelle
	auj = auj.getTime(); // transforme la date de début en timestamp (milli-secondes)

	for (i = 1; i < n_episodes; i++) { // Boucle de remplissage des dates des épisodes (le premier est déjà inséré)
		saison[i] = saison[i - 1] + ecart_cor;
	}

	for (i = 0; i < n_episodes; i++) { // Boucle permettant de trouvé l'épisode suivant
		if (saison[i] > auj) {
			var duree = (saison[i] - auj) / 1000; // Obtient le temps restant jusqu'au prochain épisode
			var jours = Math.floor(duree / (24 * 3600));
			var heures = Math.floor((duree - jours * 24 * 3600) / 3600);
			var minutes = Math.floor((duree - jours * 24 * 3600 - heures * 3600) / 60);
			break; // Arrête la boucle
		}
	}
	affiche.innerHTML = unescape(Text) + jours +" jours "+ heures +" h "+ minutes +" min";
	tRebour = setTimeout('Rebour("' + LabelId + '", "' + d_start + '", ' + n_episodes + ', ' + ecart + ', "' + Text + '");', 1000);
}
Rebour("Compte", "May 05 00:27:00 2010", 24, 14, "D&eacute;but dans : ");
</script>
</body></html>

 Conclusion

La variable Text peut être supprimer pour insérer du texte directement avant le label


 Sources du même auteur

Source avec Zip Source avec une capture STRIKER BASEBALL
COMPTE À REBOURS POUR ÉVÉNEMENT
Toutes les sources de CSIBern

 Sources de la même categorie

NOMBRE DE JOURS, MOIS ET ANNÉES DEPUIS LA NAISSANCE par marcenana
Source avec Zip CALENDRIER ANNUEL UNIVERSEL AVEC SAINTS DU CALENDRIER ET FÊT... par 007Julien
OBTENIR LE NOMBRE DE JOURS D'UN MOIS SUIVANT SON ANNÉE par hugolegrand
SAINT DU JOUR par tefa24600
Source avec Zip Source avec une capture NIPCLOCK 1.2 par neep
Toutes les sources de la catégorie Date & Heure

 Sources en rapport avec celle ci

Source avec Zip Source avec une capture RÉALISER UN COMPTE À REBOURS AVEC REDIRECTION AUTOMATIQUE AV... par kmsystem
COMPTE À REBOURS POUR ÉVÉNEMENT par CSIBern
Source avec Zip ÉVÉNEMENTS PÉRIODIQUES ET TEMPORAIRES RÉGLÉS ET CONTRÔLÉS AV... par abdelaziz_info
Source avec Zip PETITE CLASSE DE TIMERS par kankrelune
COMPTE À REBOURS AVEC LIEN DE REDIRECTION QUAND IL EST FINI par franco_se

Commentaires et avis

Commentaire de cynicfocus le 10/05/2010 11:58:23

Un petit conseil, <script language="javascript"> est déprécié, utiliser <script type="text/javascript">
Merci pour le script de compte à rebours :)

Commentaire de CSIBern le 10/05/2010 12:31:10

Merci pour ce commentaire, je tâcherai d'en tenir compte pour les prochaines fois.

Commentaire de jdmcreator le 13/05/2010 22:51:27

'Un petit conseil, <script language="javascript"> est déprécié, utiliser <script type="text/javascript"> '

text/javascript est déjà déprécié, il faut plutôt utiliser application/javascript (quoi que ce ne soit pas très répandu) ;)


Pour le script : Peut-être retourné une variable contenant le temps restant plutôt que de l'afficher en dure ;)

 Ajouter un commentaire


Discussions en rapport avec ce code source dans le forum

compte a rebour space [ par quitues ] Je recherche un compte à rebours, un décompte space car il démarre du chargement de la page et dé kil s'arrête (par ex. dans 5 sec.), le visiteur est compte a rebours j h m s a partir de seconde [ par matttt34 ] Salut tout le monde :) J'ai beau chercher partout je n'arrive pas a trouver ce que je cherche : Je souhaiterais avoir un compte a rebours m'affichan Compte a rebours [ par Tilix ] Salut, J'ai trouv&#233; ce petit compte &#224; rebours, mais j'ai besoin de l'am&#233;liorer... &lt;SCRIPT LANGUAGE="JavaScript"&gt; &lt;!-- function Redirection avec compte a rebours [ par twinsen60 ] BonjourJ'ai ce code ci :&lt;script language="javascript" type="text/javascript"&gt; &lt;!-- window.location.replace( "http://www.un-site.com/une-pag compte rebours [ par goutedo ] Bonjour &#224; tous !J'ai un probl&#232;me tout simple je crois, mais le Javascript et moi on ne s'aime pas beaucoup &nbsp;et du coup j'avance pas.Bre Compte a rebours [ par ptitdragonvert ] Bonjour,Je cherche un compte a rebours en javascript avec le decompte 'H:M:S' et la possibilité de pouvoir en mettre plusieurs sur une meme page.Moi j Compte à rebours [ par CSIBern ] Bonjour à tous,Je dois créer un petit site concernant un tournois.Pour ça je comptais insérer un compte à rebours donnant le temps jusqu'à l'événement Décompte (compte a rebours) qui affiche le nombre de mois, de jour, d'heure, de minutes de seconde qui reste avant un évenement [ par slashf ] salut a tous comme le titre le montre j'ai besoin de créé un compte a rebours qui affiche le nombre de mois, de jour, d'heure, de minutes de seconde q créer un compte à rebours à l'heure du serveur [ par ajor ] Bonjour à tous,J'aimerais pour mon site, créer un compte à rebours qui fonctionne à l'heure du serveur, afin que tous les client aient exactement le m Compte a rebours pour mon site [ par jim0907 ] Bonjour, Cela fait plusieurs jour que je cherche sur internet un compte a rebours pour mon site, je ne trouve pas du tout ce qu'il me faut alors j'ai


Nos sponsors


Sondage...

CalendriCode

Mai 2012
LMMJVSD
 123456
78910111213
14151617181920
21222324252627
28293031   

Consulter la suite du CalendriCode

A découvrir
 
Développement réalisé par Nicolas SOREL (Nix) avec l'aide de : Cyril DURAND et Emmanuel (EBArtSoft), Merci à Vincent pour ses précieux conseils.
CodeS-SourceS.com© Toute reproduction même partielle est interdite sauf accord écrit du Webmaster
CodeS-SourceS.com© est une marque déposée tous droits réservés

Google Coop CodeS-SourceS Google Coop CodeS-SourceS
Temps d'éxécution de la page : 1,810 sec (3)

Nous contacter | Annoncer sur CodeS-SourceS | Mentions légales
Outils Convertisseur VB/C# Snippets et scripts Outils en ligne La ToolBox
Communauté Programmation Photographie Technologie Newsgroups Emploi Forum Blogs
Guide d'achat Téléphonie mobile Image et son Informatique Bureautique Jeux vidéo
Logiciels Internet & Réseau Développement Market Android Jeux & Loisirs Graphisme Multimédia Sécurité Pilotes
Loisirs Cartes virtuelles Vidéos droles Jeux en ligne Géoguide AndroLib (Android Market)