Horloge texte en javascript
Résolu/Fermé
A voir également:
- Horloge texte en javascript
- Telecharger javascript - Télécharger - Langages
- Mettre un texte en majuscule - Guide
- Transcription audio en texte word gratuit - Guide
- Horloge mondiale gratuite - Télécharger - Divers Utilitaires
- Excel cellule couleur si condition texte - Guide
10 réponses
avion-f16
Messages postés
19241
Date d'inscription
dimanche 17 février 2008
Statut
Contributeur
Dernière intervention
16 mars 2024
4 495
30 août 2010 à 17:24
30 août 2010 à 17:24
<script type="text/javascript"> var clockDiv = document.createElement('div'); document.body.appendChild(clockDiv); function updateTime() { var cTime = new Date(); clockDiv.innerHTML = cTime.getHours()+':'+cTime.getMinutes()+':'+cTime.getSeconds(); setTimeout(function() { updateTime(); }, 1000); } updateTime(); </script>
avion-f16
Messages postés
19241
Date d'inscription
dimanche 17 février 2008
Statut
Contributeur
Dernière intervention
16 mars 2024
4 495
30 août 2010 à 21:16
30 août 2010 à 21:16
Un objet Javascrit ne s'affiche pas.
Le code que je t'ai donné génère déjà un div, qui lui, peut être positionné.
Le code que je t'ai donné génère déjà un div, qui lui, peut être positionné.
<script type="text/javascript"> var clockDiv = document.createElement('div'); clockDiv.setAttribute('id','horloge'); document.body.appendChild(clockDiv); function updateTime() { var cTime = new Date(); clockDiv.innerHTML = cTime.getHours()+':'+cTime.getMinutes()+':'+cTime.getSeconds(); setTimeout(function() { updateTime(); }, 1000); } updateTime(); </script>Dans ton CSS, tu pourras styler #horloge
avion-f16
Messages postés
19241
Date d'inscription
dimanche 17 février 2008
Statut
Contributeur
Dernière intervention
16 mars 2024
4 495
31 août 2010 à 00:03
31 août 2010 à 00:03
Voilà :
<script type="text/javascript"> var clockDiv = document.createElement('div'); clockDiv.setAttribute('id','horloge'); document.body.appendChild(clockDiv); function updateTime() { var cTime = new Date(); var hours = cTime.getHours(); if(hours < 10) { hours = "0"+hours; } var minutes = cTime.getMinutes(); if(minutes < 10) { minutes = "0"+minutes; } var seconds = cTime.getSeconds(); if(seconds < 10) { seconds = "0"+seconds; } clockDiv.innerHTML = hours+':'+minutes+':'+seconds; setTimeout(function() { updateTime(); }, 1000); } updateTime(); </script>
Zep3k!GnO
Messages postés
2025
Date d'inscription
jeudi 22 septembre 2005
Statut
Membre
Dernière intervention
18 novembre 2015
200
30 août 2010 à 17:10
30 août 2010 à 17:10
grace aux fonctions de " datetime " : https://qhmit.com
couplé avec un timer pour rappeler ta fonction toutes les secondes.
couplé avec un timer pour rappeler ta fonction toutes les secondes.
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question
C'est exactement ce que je voulais! je vais essayer de l'intégrer correctement à ma page ce soir.
merci beaucoup
merci beaucoup
C'est exactement ce que je voulais! je vais essayer de l'intégrer correctement à ma page ce soir.
Merci beaucoup
Merci beaucoup
Rebonjour,
J'ai essayé de positionner l'horloge javascript au dessus d'un fond que j'avais mis pour celle en php.
Mais je n'y arrive pas, j'ai mis le fond dans un <div> et l'horloge dans un autre <div> mais quand j'essaye de les positionné de manière absolue avec le css il n'y a que le fond qui bouge, l'horloge javascript ne bouge pas.
J'ai pourtant fait le test en insérant du texte en html dans le div ou se trouve l'horloge et le texte bouge normalement lui.
Et il possible de positionner de manière absolue un objet javascript à volonté?
J'ai essayé de positionner l'horloge javascript au dessus d'un fond que j'avais mis pour celle en php.
Mais je n'y arrive pas, j'ai mis le fond dans un <div> et l'horloge dans un autre <div> mais quand j'essaye de les positionné de manière absolue avec le css il n'y a que le fond qui bouge, l'horloge javascript ne bouge pas.
J'ai pourtant fait le test en insérant du texte en html dans le div ou se trouve l'horloge et le texte bouge normalement lui.
Et il possible de positionner de manière absolue un objet javascript à volonté?
J'ai réussi a repérer le div "horloge" dans ma page en le mettant en gros et en rouge :D
Par contre ya t-il un moyen pour le créer dans un autre div?
Je t'explique ma situation j'ai une side barre sur mon site qui est dans un div dans cette side barre il ya un div reservé pour la montre.
Or là le div crée par le javascript est crée tout seul a l'extérieur des autres div du coup il apparait tout en haut de ma page et toute ma page se décale quand jessaye de le déplacer.
merci de ton aide
Par contre ya t-il un moyen pour le créer dans un autre div?
Je t'explique ma situation j'ai une side barre sur mon site qui est dans un div dans cette side barre il ya un div reservé pour la montre.
Or là le div crée par le javascript est crée tout seul a l'extérieur des autres div du coup il apparait tout en haut de ma page et toute ma page se décale quand jessaye de le déplacer.
merci de ton aide
Ca y est j'ai réussi a obtenir ce que je voulais!
Seul problème l'horloge n'affiche pas les zéro pour les nombre inférieur a 10,
Du coup j'ai essayé de modifié le code en m'inspirant de ce tuto
https://openclassrooms.com/fr/courses
mais je suis semble t-il définitivement irrécupérable en javascript
Seul problème l'horloge n'affiche pas les zéro pour les nombre inférieur a 10,
Du coup j'ai essayé de modifié le code en m'inspirant de ce tuto
https://openclassrooms.com/fr/courses
mais je suis semble t-il définitivement irrécupérable en javascript