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

Ce site au démarrage

begin process at 2012 05 27 22:24:28

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 :22 164

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

NOMBRE DE JOURS, MOIS ET ANNÉES DEPUIS LA NAISSANCE par marcenana

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

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

IMAGINE CUP 2012, MAKE A SIGN EN FINALE par junarnoalg

KINECT 1.5 IS OUT ! par Vko

LES ACTUALITéS DE LA SEMAINE SUR C2I.FR (14 MAI - 20 MAI) par richardc

REACTIVE EXTENSIONS : CONSOMMER DES SERVICES AVEC RX PARTIE 3, LES PIèGES à éVITER par Groc

SHAREPOINT BLOG SITE, PROBLèME D'ARCHIVES par junarnoalg

Forum

RE : CODE POUR FAIRE APPARAîTRE UN TEXTE EN DESSOUS D'UN LIEN par emuleed2k

RE : RéCUPERATION D'UNE VARIABLE DE JAVASCRIPT VIA PHP par smahaneAAI

POPUP OUVERT à PARTIR D'UN IFRAME par mrassaa

UTILISER UN .JS par zaikoe

RE : CODE BUG JAVASCRIPT par zaikoe

Côté IT

Offres d'emploi

Formations Video

Appels d'offres

Realisation d-une version 2 d-un site e-commerce existant sous prestashop-REPUBLICATION
Budget : 5 000€
Recherche Infogerance Serveur Debian Linux
Budget : 1 800€
Creation d-un site vitrine avec MagentO
Budget : 2 000€

Logiciels

sDEVIS-FACTURES vlPRO (8.1.0.3)
SDEVIS-FACTURES VLPRO (8.1.0.3)

sDEVIS-FACTURES vlPRO a été mis au point pour les particuliers, créateurs, entrepreneurs, artisa...

Cliquez pour télécharger sDEVIS-FACTURES vlPRO
974 Application Server (12.2.4.6)
974 APPLICATION SERVER (12.2.4.6)

Développez de puissantes applications dans un environnement de 'cloud computing', clusterisé, séc...

Cliquez pour télécharger 974 Application Server
vPicture (1.4.2.1)
VPICTURE (1.4.2.1)

Avec vPicture, hébergez vos images facilement et rapidement. vPicture est un utilitaire simple, ...

Cliquez pour télécharger vPicture
Easy-Planning (2.2.1.6)
EASY-PLANNING (2.2.1.6)

Easy-Planning permet de créer des plannings sous la représentation de diagrammes et est adapté au...

Cliquez pour télécharger Easy-Planning
COM-BACKUP (2.0)
COM-BACKUP (2.0)

COM-BACKUP est un logiciel de sauvegarde qui permet de planifier les sauvegardes de vos dossiers ...

Cliquez pour télécharger COM-BACKUP