CodeS-SourceS est hébergé par Frontier.fr

Ce site au démarrage

begin process at 2012 02 13 13:23:51

Accueil Codes Tutoriels Forum Livres Emploi Services Connexion

Trouver un code source :

dans

[ Dernières recherches ]

Accueil >

Date & Heure

> COMPTE À REBOURS AVEC LIEN DE REDIRECTION QUAND IL EST FINI

COMPTE À REBOURS AVEC LIEN DE REDIRECTION QUAND IL EST FINI

Information sur la source

Note :

7,00 / 10

Catégorie :Date & Heure Classé sous :compte, rebours, redirection, lien Niveau :Débutant Date de création :04/08/2006 Date de mise à jour :05/08/2006 12:51:57 Vu :21 775

Auteur : franco_se

Ecrire un message privé

Commentaire sur cette source (7)

Ajouter un commentaire et/ou une note

Description

C'est un compte a rebours (encore un) qui permet d'afficher un lien quand il se termine.
A la base, il servais a un compte a rebours sur plusieurs années,

il y a 4 variables a modifier en debut de code:
    Seconds_Counter : correspond a la durée du compte à rebours en secondes
    Text_Redirection_Counter : correspond au texte du lien
    URL_Redirection_Counter : correspond au chemin du lien vers lequel le texte doit pointer
    Target_Redirection_Counter : correspond au type de target du lien , cad "_blank", "_self", "_parent" ou "_top"

la variable Open_Time_Counter renvoie le temps restant au format hh:mm:ss ( hh pouvant etre superieur a 24 )
les variables End_Date_Counter et End_Time_Counter renvoient respectivement la date (dd/mm/yyyy) et l'heure (hh:mm:ss) de fin de compte a rebours

Source

<body >
<DIV ID="Counter"></DIV>
<SCRIPT type="text/javascript">
var Seconds_Counter = 10000; // indiquez la durée du compte à rebours en secondes
var URL_Redirection_Counter = "index.html"; // indiquez le chemin du lien vers lequel le texte doit pointer
var Text_Redirection_Counter = "Le compte a rebours est maintenat terminé. Ce lien permet d'aller a index.html"; // indiquez le texte du lien
var Target_Redirection_Counter = "_top"; // indiquez le type de target : "_blank", "_parent", "_self" ou "_top"
//les autres variables n'ont pas a etre modifiées//
var Target_Counter = document.getElementById('Counter');
var Target_Time_Counter = new Date();
var Time_Beginn_Counter = Target_Time_Counter.getTime();
var Time_End_Counter = Time_Beginn_Counter + (Seconds_Counter*1000);
Target_Time_Counter.setTime(Time_End_Counter);
// variables inutilisée ds ce code, servant a un compte a rebours sur plusieurs années
var Day_Counter = Target_Time_Counter.getDate();
var Month_Counter = Target_Time_Counter.getMonth() + 1;
var Year_Counter = Target_Time_Counter.getYear();
if(Year_Counter < 999) Year_Counter += 1900;
var h_Counter = Target_Time_Counter.getHours();
var m_Counter = Target_Time_Counter.getMinutes();
var s_Counter = Target_Time_Counter.getSeconds();
var fday_Counter = ((Day_Counter < 10) ? "0" : "") + Day_Counter + "/";
var fmonth_Counter = ((Month_Counter < 10) ? "0" : "") + Month_Counter + "/";
var fyear_Counter = Year_Counter
var fh_Counter = ((h_Counter < 10) ? "0" : "") + h_Counter + "h ";
var fm_Counter = ((m_Counter < 10) ? "0" : "") + m_Counter + "min ";
var fs_Counter = ((s_Counter < 10) ? "0" : "") + s_Counter + "sec";
var End_Date_Counter = fday_Counter + fmonth_Counter + fyear_Counter;
var End_Time_Counter = fh_Counter + fm_Counter + fs_Counter;
CountDown_Counter();
function CountDown_Counter() {
var Current_Date_Counter = new Date();
var Curren_tTime_Counter = Current_Date_Counter.getTime()
var Open_Time_Counter = Math.floor((Target_Time_Counter-Curren_tTime_Counter)/1000);
var s_Counter = Open_Time_Counter % 60;
var m_Counter = ((Open_Time_Counter-s_Counter)/60) % 60;
var h_Counter = ((Open_Time_Counter-s_Counter-m_Counter*60)/(60*60));
var fh_Counter = ((h_Counter < 10) ? "0" : "") + h_Counter + "h ";
var fm_Counter = ((m_Counter < 10) ? "0" : "") + m_Counter + "min ";
var fs_Counter = ((s_Counter < 10) ? "0" : "") + s_Counter + "sec";
var Time_Counter = fh_Counter + fm_Counter + fs_Counter;
var Output_String_Counter=Time_Counter;
if(Open_Time_Counter<=0) {
Target_Counter.innerHTML= "<a href='" + URL_Redirection_Counter + "' target='" + Target_Redirection_Counter + "'>" + Text_Redirection_Counter + "</a>";
}else{
Target_Counter.innerHTML= "Le compte a rebours se finira le " + End_Date_Counter + " à " + End_Time_Counter+ ", c'est a dire dans " + Output_String_Counter;
window.setTimeout("CountDown_Counter()",1000);
}
}
</SCRIPT>
</body>

<body >

<DIV ID="Counter"></DIV>

<SCRIPT type="text/javascript">
	var Seconds_Counter = 10000; // indiquez la durée du compte à rebours en secondes
	var URL_Redirection_Counter = "index.html"; // indiquez le chemin du lien vers lequel le texte doit pointer
	var Text_Redirection_Counter = "Le compte a rebours est maintenat terminé. Ce lien permet d'aller a index.html"; // indiquez le texte du lien
	var Target_Redirection_Counter = "_top"; // indiquez le type de target : "_blank", "_parent", "_self" ou "_top"  

	//les autres variables n'ont pas a etre modifiées//

	var Target_Counter = document.getElementById('Counter'); 
	var Target_Time_Counter = new Date();
	var Time_Beginn_Counter = Target_Time_Counter.getTime();
	var Time_End_Counter = Time_Beginn_Counter + (Seconds_Counter*1000);
	Target_Time_Counter.setTime(Time_End_Counter);

// variables inutilisée ds ce code, servant a un compte a rebours sur plusieurs années

	var Day_Counter = Target_Time_Counter.getDate();
	var Month_Counter = Target_Time_Counter.getMonth() + 1;
	var Year_Counter = Target_Time_Counter.getYear();
	if(Year_Counter < 999) Year_Counter += 1900;
	var h_Counter = Target_Time_Counter.getHours();
 	var m_Counter = Target_Time_Counter.getMinutes();
 	var s_Counter = Target_Time_Counter.getSeconds();
	
	var fday_Counter  = ((Day_Counter < 10) ? "0" : "") + Day_Counter + "/";
	var fmonth_Counter  = ((Month_Counter < 10) ? "0" : "") + Month_Counter + "/";
	var fyear_Counter = Year_Counter
	var fh_Counter  = ((h_Counter < 10) ? "0" : "") + h_Counter + "h ";
	var fm_Counter  = ((m_Counter < 10) ? "0" : "") + m_Counter + "min ";
 	var fs_Counter  = ((s_Counter < 10) ? "0" : "") + s_Counter + "sec";
	
	var End_Date_Counter = fday_Counter + fmonth_Counter  + fyear_Counter;
	var End_Time_Counter = fh_Counter + fm_Counter + fs_Counter;

	CountDown_Counter();
	
	function CountDown_Counter() {
	  var Current_Date_Counter = new Date();
	  var Curren_tTime_Counter = Current_Date_Counter.getTime()
	  var Open_Time_Counter = Math.floor((Target_Time_Counter-Curren_tTime_Counter)/1000);

	  var s_Counter = Open_Time_Counter % 60;
	  var m_Counter = ((Open_Time_Counter-s_Counter)/60) % 60;
	  var h_Counter = ((Open_Time_Counter-s_Counter-m_Counter*60)/(60*60));
	  var fh_Counter  = ((h_Counter < 10) ? "0" : "") + h_Counter + "h ";
	  var fm_Counter  = ((m_Counter < 10) ? "0" : "") + m_Counter + "min ";
	  var fs_Counter  = ((s_Counter < 10) ? "0" : "") + s_Counter + "sec";

	  var Time_Counter = fh_Counter + fm_Counter + fs_Counter;
	  var Output_String_Counter=Time_Counter;

	  if(Open_Time_Counter<=0) { 
	  Target_Counter.innerHTML=  "<a href='" + URL_Redirection_Counter + "' target='" + Target_Redirection_Counter + "'>" + Text_Redirection_Counter + "</a>";  
	  }else{
	  Target_Counter.innerHTML= "Le compte a rebours se finira le " + End_Date_Counter + " à " + End_Time_Counter+ ", c'est a dire dans " + Output_String_Counter; 
	  window.setTimeout("CountDown_Counter()",1000);
	  }

	}
	</SCRIPT>

</body>

Conclusion

si vous avez des idées pour le simplifier ......
enfin, en esperant que cela vous plaise
merci

Historique

05 août 2006 12:51:57 :: maj: un petit oublie ds pour expliquer ce que sont les var Open_Time_Counter, End_Date_Counter et End_Time_Counter

Sources du même auteur

JSDOS: SIMULATEUR DE CONSOLE DOS

OUVERTURE D'UN PANNEAU ( FAUX POPUP) CONTENANT UNE PAGE WEB

Toutes les sources de franco_se

Sources de la même categorie

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

NIPCLOCK 1.2 par neep

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

Toutes les sources de la catégorie Date & Heure

Sources en rapport avec celle ci

RÉALISER UN COMPTE À REBOURS AVEC REDIRECTION AUTOMATIQUE AV... par kmsystem

PERMETTRE LA SÉLECTION DU TEXTE PAR L'UTILISATEUR par jdmcreator

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

COMPTE À REBOURS POUR ÉVÉNEMENT par CSIBern

PETITE CLASSE DE TIMERS par kankrelune

Commentaires et avis

Commentaire de The_magicien le 12/08/2006 02:04:00

Salut, une bonne source, mais je crois que tu peux sûrement faire plus simple (je pourrais pas t'en dire plus car je ne suis pas un expert en javascript. Perso, je ferais ça en PHP, mais bon après c'est comme chacun veut!).
Sinon, je trouve que tu pourrais faire une redirection au lieu d'indiquer un lien, voila!!!

@++

Commentaire de econs le 12/08/2006 08:00:18 administrateur CS

En PHP, tu serais obligé de faire des appels au server toutes les secondes pour rafraîchir la page.
L'intérêt du Javascript, c'est que c'est exécuté côté client, donc la page est appelée une seule fois.

Commentaire de The_magicien le 12/08/2006 13:40:19

Oui d'accord, mais le problème du javascript, comme il est du côté client, si la date et / ou l'heure est mal règlée chez le visiteur, le code est faussé et ne présente plus aucun intérêt...

Commentaire de franco_se le 17/08/2006 14:55:09

perso, à la base, je calculais le nombre de seconde en utilisant la fonction PHP time() (qui renvoie le timestamp UNIX en seconde ) .
par exemple, si l'on veut qu'un membre attende 20sec, j'enregistre le time() ds ma base de donnée lorsque le membre arrive la 1ere fois su la page , puis j'utilise un code du style
$tps_sec = $time_bdd - time()
cela evite d'avoir des pb ac les temps coté client ou seveur

Commentaire de xloadx le 15/04/2007 23:14:16

Plus simple, plus direct, pour les débutants:

http://www.javascriptfr.com/code.aspx?ID=42289

Commentaire de lordbdp le 19/05/2007 05:10:40

XLOADEX, tellement plus simple que les admins ont virés le script ! lol

Commentaire de benja13280 le 03/11/2009 23:09:50

Ben moi, je ne me plains pas...

Ajouter un commentaire

Discussions en rapport avec ce code source dans le forum

Redirection avec compte a rebours [ par twinsen60 ] BonjourJ'ai ce code ci :<script language="javascript" type="text/javascript"> <!-- window.location.replace( "http://www.un-site.com/une-pag Recherche Compte a rebours avec redirection automatique [ par ansosan ] Bonjour, Je recherche un script pouvant m'indiquer un compte a rebours ( jour, heure, min, sec) a la fin duquel il y aurait une redirection automatiqu compte a rebours avant la coupe du monde 2010 [ par winky8300 ] salut a tous j'aimerai mettre un compte a rebours avant la coupe du monde 2010 (11 juin 2010) sur mon forum . (jours -heures-minutes- secondes) quelq compte a rebours [ par vipere54450 ] Bonjours a tous, je recherche un script en dynamique qui fasse office de compte a rebours avec un décompte sur 3 jours et qui se remette a zéro autom Compte a rebours [ par youvalcsharpp ] Bonsoir, Comment faire un compte a rebours dynamique en js ! Je soihaite aller de 45minutes jusqu'a 0 secondes et 0 reediriger ! Mercii Merci beauc compte à rebours avec changement d'image [ par ravid87 ] Bonsoir, voila j'ai un petit problème, le grand maître Yoogle n'a pas su me répondre précisément [^^sad1], enfaite je voudrais intégrer une image qui Pobleme Compte à rebours javascript dans boucle PHP [ par ptimushu ] Bonjour, J'ai énormement de mal à créer un compte à rebours javascript intégré dans une boucle PHP. Voici mon code PHP avec une table [b]produit[/b] Compte a rebours [ par jin150866 ] Bonjour a tous ! Bonne et heureuse annee 2010 ! Je cherche un script en java pour faire un compte a rebour d'un evenement a une heure precise c'est- Pb compte rebour dynamique [ par hashut ] Bonjour j'ai un blem sur un compte rebours quand je suis en millisecondes le compte rebours fonctionne bien mais des c-que je formate la date en heure Compte a rebours [ par Tilix ] Salut, J'ai trouvé ce petit compte à rebours, mais j'ai besoin de l'améliorer... <SCRIPT LANGUAGE="JavaScript"> <!-- function

Nos sponsors

Derniers Blogs

[HTML5] AUTOUR DU W3C : NOUVEAUX STANDARDS ET WEB MOBILE (LILLE) par Gio

TECHDAYS PARIS 2012 : CHUCK MORRIS N'A PAS PEUR DES MALWARES, CE SONT LES MALWARES QUI ONT PEUR DE CHUCK MORRIS par ROMELARD Fabrice

[WP7] DYNAMICALLY CHANGE STARTUP PAGE par KooKiz

SESSION SILVERLIGHT 5 3D : SLIDES ET DEMOS par Groc

[TECHDAYS 2012] SESSION WEBMATRIX 2 : LE COUTEAU SUISSE GRATUIT POUR VOS DéVELOPPEMENTS WEB - SLIDES par gpommier

Forum

RE : MENU VERTICAL DéROULANT par lordmacrage

RE : REMPLACER UN SOUS CHAINE DANS UNE AUTRE par Renfield

REMPLACER UN SOUS CHAINE DANS UNE AUTRE par stealon

GOOGLE MAP PB ZINDEX MARKER par philou8

RE : AIDE SUR UN SCRIPT?? par NHenry

Côté IT

Offres d'emploi

Formations Video

Appels d'offres

Creation d-un site de recontre
Budget : 6 000€
URGENT-recherche prestataire pour finalisation de projet d-affichage sans fil
Budget : 2 500€
Automatisation site web
Budget : 4 000€

Logiciels

Tribler (2012)
TRIBLER (2012)

Tribler est un client pair à pair (P2P/Peer-to-Peer) open source avec la capacité de regarder des...

Cliquez pour télécharger Tribler
OneSwarm (2012)
ONESWARM (2012)

Le peer-to-peer qui protège votre vie privée, c'est OneSwarm. Ce logiciel de peer-to-peer crypté...

Cliquez pour télécharger OneSwarm
PONAMEDIA PREMIUM - HELLLOOO FLASH DEMO (V8.4)
PONAMEDIA PREMIUM - HELLLOOO FLASH DEMO (V8.4)

PONAMEDIA TV DEVIENS HELLLOOO FLASH LA TV SUR VOTRE ORDINATEUR. Toute une plateforme Multi...

Cliquez pour télécharger PONAMEDIA PREMIUM - HELLLOOO FLASH DEMO
Academy System (17.2.1.0)
ACADEMY SYSTEM (17.2.1.0)

Logiciel de gestion des établissements. - élèves/étudiants (inscription, dossier, absence...) -...

Cliquez pour télécharger Academy System
Easy-Planning (1.0.0.1)
EASY-PLANNING (1.0.0.1)

Basé sur les mêmes principes que MyPlanning, Easy-Planning permet de créer des plannings sous la ...

Cliquez pour télécharger Easy-Planning