HORLOGE (DATE ET HEURE) EN TEMPS RÉEL ET AFFICHAGE TEXTE AVEC CHOIX DU FORMAT D'

thieryandco Messages postés 13 Date d'inscription jeudi 29 décembre 2005 Statut Membre Dernière intervention 6 janvier 2006 - 4 janv. 2006 à 13:02
arenasaa Messages postés 11 Date d'inscription mercredi 2 septembre 2009 Statut Membre Dernière intervention 3 octobre 2021 - 27 oct. 2009 à 21:27
Cette discussion concerne un article du site. Pour la consulter dans son contexte d'origine, cliquez sur le lien ci-dessous.

https://codes-sources.commentcamarche.net/source/35177-horloge-date-et-heure-en-temps-reel-et-affichage-texte-avec-choix-du-format-d-affichage-7-pour-l-instant-de-la-date-et-de-l-heure

arenasaa Messages postés 11 Date d'inscription mercredi 2 septembre 2009 Statut Membre Dernière intervention 3 octobre 2021
27 oct. 2009 à 21:27
@newo fait sa:
"dans le
<script type="text/javascript">
<!-- //start
//######################################################################################
// NOTE: the month entered must be one less than current month. ie; 0=January, 11=December
// NOTE: the hour is in 24 hour format. 0=12am, 15=3pm etc
// format: dateFuture = new Date(year,month-1,day,hour,min,sec)
// example: dateFuture new Date(2003,03,26,14,15,00) April 26, 2003 - 2:15:00 pm
dateFuture = new Date(2009,09,31,00,00,00);
//###################################
//nothing beyond this point
function GetCount(){

dateNow = new Date(); //grab current date
amount = dateFuture.getTime() - dateNow.getTime(); //calc milliseconds between dates
delete dateNow;

// time is already past
if(amount < 0){
document.getElementById('countbox').innerHTML="Happy Halloween! Suesses oder Saures ...";
}
// date is still good
else{
days=0;hours=0;mins=0;secs=0;out="";

amount = Math.floor(amount/1000);//kill the "milliseconds" so just secs

days=Math.floor(amount/86400);//days
amount=amount%86400;

hours=Math.floor(amount/3600);//hours
amount=amount%3600;

mins=Math.floor(amount/60);//minutes
amount=amount%60;

secs=Math.floor(amount);//seconds

if(days != 0){out += days +" Tag"+((days!=1)?"e":"")+", ";}
if(days != 0 || hours != 0){out += hours +" Stunde"+((hours!=1)?"n":"")+", ";}
if(days != 0 || hours != 0 || mins != 0){out += mins +" Minute"+((mins!=1)?"n":"")+", ";}
out += secs +" Sek.";
document.getElementById('countbox').innerHTML="Nur noch "+out+" bis Halloween!";

setTimeout("GetCount()", 1000);
}
}

window.onload=GetCount;//call when everything has loaded

//-->
</script>
newowest Messages postés 3 Date d'inscription mercredi 6 décembre 2006 Statut Membre Dernière intervention 27 octobre 2009
27 oct. 2009 à 18:47
bonjour
J'ai un problème d'affichage avec ce script, il fonctionne sous internet explorer mais pas sou firefox, quelqu'un peut m'aider svp?
merci
arenasaa Messages postés 11 Date d'inscription mercredi 2 septembre 2009 Statut Membre Dernière intervention 3 octobre 2021
2 sept. 2009 à 16:47
bonjour :)

merci pour ce tres beau snipet !

mais en individuel, j'ai colllle :
j'ai utiliser sa :
<tr><th><script language=Javascript src = /arenas/divers/horloge.html type=text/javascript></script></th></tr>

merci pour votre aide.
arenas
julesfashion Messages postés 8 Date d'inscription vendredi 13 février 2009 Statut Membre Dernière intervention 25 février 2009
12 févr. 2009 à 14:23
Réponse à moi même :
mois/jours/année : {obj.innerHTML = (now.getMonth()+1) + '/' + now.getDate() + '/' + year2;}
jour/mois/année : { obj.innerHTML = now.getDate() + '/' + (now.getMonth()+1) + '/' + year2;}

conclusion : réfléchir à deux fois avant de poster. ;)
merci encore pour ce code.
julesfashion Messages postés 8 Date d'inscription vendredi 13 février 2009 Statut Membre Dernière intervention 25 février 2009
12 févr. 2009 à 12:26
super code, vraiment complet !
développeur du dimanche également, je voudrais juste changer le format de date du type 6.
c'est à dire passer du format "mois/jours/année" à "jour/mois/année".
le probleme doit se trouver sur la ligne :
{obj.innerHTML = (now.getMonth()+1) + '/' + now.getDate() + '/' + year2;}
mais quand j'intervertis bêtement les fonction… ca ne fonctionne pas… quelqu'un aurait il la solution ?
merci d'avance.
kerigalex Messages postés 1 Date d'inscription mardi 27 mai 2008 Statut Membre Dernière intervention 27 mai 2008
27 mai 2008 à 11:43
real cool
mickadevelop Messages postés 55 Date d'inscription mardi 15 février 2005 Statut Membre Dernière intervention 4 juin 2010
8 avril 2008 à 13:10
alors la premiere idée est de mettre des : entre et
biroute1664 Messages postés 3 Date d'inscription lundi 7 avril 2008 Statut Membre Dernière intervention 5 juin 2008
7 avril 2008 à 14:36
ou, c'est ce que je souhaitais faire. Cependant l'heure est collé à l'année. comment puis je augmenter l'espace entre les deux ?

dsl, mais je suis très novice !
mickadevelop Messages postés 55 Date d'inscription mardi 15 février 2005 Statut Membre Dernière intervention 4 juin 2010
7 avril 2008 à 11:33
dans le body tu place:

et ensuite les ou du le souhaite.

voila j'espere que ca repond à ta question et si tu aime ma source hésite pas à mettre une note (une bonne si possible lol) :)
si t'a d'autres questions n'hesite pas
biroute1664 Messages postés 3 Date d'inscription lundi 7 avril 2008 Statut Membre Dernière intervention 5 juin 2008
7 avril 2008 à 11:13
Bonjour,

Je trouve l'horloge très bien et elle fonctionne très bien. Cependant n'étant pas développeur ni programmeur, comment dois je faire pour n'avoir d'afficher sur une ligne que le type 2 et 7 (ex : Lundi 7 avril 2008 10:25:35 )

En vous remerciant de votre aide par avance,

Cordialement

Ludovic
tortue1 Messages postés 3 Date d'inscription vendredi 3 décembre 2004 Statut Membre Dernière intervention 19 janvier 2008
19 janv. 2008 à 14:39
Ha d'accord merci beaucoup pour la rapidité de ta réponse en fait j'avais oublié le principal mettre le onload dans le body.

Merci encore !!
mickadevelop Messages postés 55 Date d'inscription mardi 15 février 2005 Statut Membre Dernière intervention 4 juin 2010
19 janv. 2008 à 12:39
Bonjour,
dans le body tu place:

et ensuite les ou du le souhaite.
tortue1 Messages postés 3 Date d'inscription vendredi 3 décembre 2004 Statut Membre Dernière intervention 19 janvier 2008
19 janv. 2008 à 10:20
Bonjour,
merci beaucoup , il marche super bien.

Mais j'ai une question comment faire pour séparer le script et le code html. Je voudrait le script dans un fichier à part et faire l'affichage dans une autre page html.

dans le head je dois mettre : <script language="Javascript" type="text/javascript" src="./heuredate.js"></script>
Mais dans le body je n'yarrive pas :
<script language="javascript" type="text/javascript">
namosw_init_clock('type1', 1,'type2', 2);
</script>




Mais rien ne s'affiche merci encore
cs_gregoirestein Messages postés 1 Date d'inscription jeudi 31 août 2006 Statut Membre Dernière intervention 25 juillet 2007
25 juil. 2007 à 01:21
Tu doit suprimé TOUT LES # de ta source ;) et ca marchera
Punisher28 Messages postés 2 Date d'inscription mardi 8 août 2006 Statut Membre Dernière intervention 11 juillet 2007
11 juil. 2007 à 01:31
Bonjour, je suis débutant et je comprend pas très bien ce code. Il faut surement changer quelques informations dans le code pour voir la date et l'heure, parce que pour le moment j'ai copier le code entier dans mon programme web et la seul chose que je vois est ceci:

# # # # # # # #
type1 :

#
type2 :

#
type3 :

#
type4 :

#
type5 :

#
type6 :

#
type7 :

# #
cs_flo354 Messages postés 1 Date d'inscription lundi 22 mai 2006 Statut Membre Dernière intervention 1 juin 2007
1 juin 2007 à 21:22
Bonjour, j'aimerai garder l'affichage du type 2 et 7 comment je fait la?
GoldPegasus Messages postés 66 Date d'inscription lundi 29 novembre 2004 Statut Membre Dernière intervention 7 janvier 2010
3 mai 2006 à 10:59
bonne source un peu difficile à comprendre pour un débutant mais bonne source
mickadevelop Messages postés 55 Date d'inscription mardi 15 février 2005 Statut Membre Dernière intervention 4 juin 2010
29 mars 2006 à 02:38
Bonjour,
voici un exemple du code html que tu doit utiliser pour ne conserver qu'un type d'horloge et pour augmenter la taille des caractères.

exemple:
<!--au chargement de la page tu définit dans les paramètres de la fonction l'id de la balise span dans laquelle tu affiche l'horloge et le type d'horloge que tu choisit(ici le type 7)(si tu veux mettre une deuxième horloge tu place a la suite l'id de ta deuxième horloge et le type que tu choisit pour cette dernière)-->
type7 :

<!--Ici tu affiche ton horloge et tu peu utiliser comme tu le veux soit des balises font pour définir la taille du texte la couleur la police ou bien encore tu peu définir une class css au niveau de la balise span c'est au choix. De manière générale l'affichage ce fait comme si tu placais une simple ligne de texte sur ta page et donc tu peu adapter le style-->


J'espère que ma réponse est assez précise et si tu as d'autres questions n'hésite pas(si je peu y répondre :-))
tortue1 Messages postés 3 Date d'inscription vendredi 3 décembre 2004 Statut Membre Dernière intervention 19 janvier 2008
26 mars 2006 à 16:03
merci ca fonstionne parfaitement bien.
Mais une question comment fait-on pour ne conserver qu'un type afin de le mettre sur un site.ET pour agrandir la taille du texte.

Merci
hirdoriaur Messages postés 1 Date d'inscription mardi 7 février 2006 Statut Membre Dernière intervention 13 février 2006
13 févr. 2006 à 15:27
lol, c vrai ;)
merçi tt de meme car le temps quand tu nous prend...............
thieryandco Messages postés 13 Date d'inscription jeudi 29 décembre 2005 Statut Membre Dernière intervention 6 janvier 2006
4 janv. 2006 à 13:02
Salut !
Jlé pas encore testé mais tu pourai au moin mettre un zip, c'est fatiguent de copier coller (même si ya des raccourcis Ctrl+C; Ctrl+V)
Rejoignez-nous