IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

JavaScript Discussion :

horloge en JavaScript


Sujet :

JavaScript

  1. #1
    Membre averti
    Profil pro
    Inscrit en
    Septembre 2006
    Messages
    20
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Septembre 2006
    Messages : 20
    Par défaut horloge en JavaScript
    Voila dans les tutoriaux de javascript on trouve ca pour intégrer a la page la date et l'heure:
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
     <script language="javascript">
    today = new Date();
    document.write("Nous sommes le ",today.getDate(),"/",today.getMonth()+1,"/",today.getYear(),"<br />");
    document.write("Il est ",today.getHours(),":",today.getMinutes(),":",today.getSeconds(),"<br />");
    </script>
    Mais le problème est que l'heure est celle du moment de chargement de la page, ensuite les secondes (affichées) ne se déroulent, ne tournent pas!
    Or dans un site qui est: http://www.battle-arenas.net (un jeu de rôle) il y a en haut à gauche l'heure qui défile mais le code est en externe.

    Alors je vous pose cette question: Pouvez-vous m'aider pour créer une horloge qui défile?

    Merci d'avance!

  2. #2
    Expert confirmé
    Avatar de N1bus
    Homme Profil pro
    Dev. Web & OpenERP
    Inscrit en
    Janvier 2003
    Messages
    2 827
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 60
    Localisation : France, Seine et Marne (Île de France)

    Informations professionnelles :
    Activité : Dev. Web & OpenERP
    Secteur : High Tech - Multimédia et Internet

    Informations forums :
    Inscription : Janvier 2003
    Messages : 2 827
    Par défaut
    Bonjour,

    essaye ça : http://nfactory.n1bus-exp.com/js-script.php?show=date

    Choisis "Une horloge bouton" dans le menu déroulant.

    (le site est un peu lent à charger ... c'est chez Online ....)

    Note : tu peux modifier le style du bouton pour qu'il n'apparaisse pas comme un bouton ...

    N1bus

  3. #3
    Inactif  
    Avatar de Kerod
    Profil pro
    Inscrit en
    Septembre 2004
    Messages
    11 672
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Septembre 2004
    Messages : 11 672
    Par défaut
    Tu as un super exemple dans la faq javascript : Comment afficher l'heure en temps réel ?

    De plus, après une recherche sur le forum, il y a une autre solution qui n'utilise pas de input : heure et date en temps reel

  4. #4
    Membre averti
    Profil pro
    Inscrit en
    Septembre 2006
    Messages
    20
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Septembre 2006
    Messages : 20
    Par défaut
    merci mais le problème est que j'aimerais rajouter "Il est" devant l'heure et l'heure ne s'affiche pas la ou je veux:
    en fait il s'affiche sur la meme ligne: la date puis ma bannière puis l'heure (normalement vu que l'heure s'affiche sous la bannière)
    pouvez-vous m'aider?

  5. #5
    Inactif  
    Avatar de Kerod
    Profil pro
    Inscrit en
    Septembre 2004
    Messages
    11 672
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Septembre 2004
    Messages : 11 672
    Par défaut
    Ben là c'est pas du javascript pour le positionnement. Je vois pas où est le problème (HTML).

    Pour mettre un 'Il est' il suffit juste de le rajouter dans la variable qui contient l'affichage, c'est tout

  6. #6
    Membre éprouvé
    Avatar de SOAD08
    Profil pro
    Inscrit en
    Juillet 2004
    Messages
    101
    Détails du profil
    Informations personnelles :
    Âge : 36
    Localisation : France

    Informations forums :
    Inscription : Juillet 2004
    Messages : 101
    Par défaut
    Ce code devrait faire l affaire

    Je viens de le tester en vitesse ça marche donc voila

    Je ne t ai pas refait ta mise en page mais ça ne devrait pas te poser de problèmes.

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
     
    <div id="horloge">&nbsp;</div>
     
    <script language="javascript">
    function horloge()
    {
        today = new Date();
     
        temps = "Nous sommes le";
        temps +=today.getDate()+"/"+today.getMonth()+"/"+today.getYear();
        temps += "Il est "
        temps +=today.getHours()+":"+today.getMinutes()+":"+today.getSeconds();
     
        setTimeout("horloge()", 1000);
     
        document.getElementById("horloge").innerHTML = temps;
    }
     
    horloge();
    </script>
    www.cppreference.com ==> A lire pour vos problèmes touchant à la STL
    www.php.net ==> A lire avant de demander le fonctionnement d'une fonction PHP

    Alliance developpez Muzgo

  7. #7
    Rédacteur/Modérateur

    Avatar de SpaceFrog
    Homme Profil pro
    Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Bidouilleur SharePoint
    Inscrit en
    Mars 2002
    Messages
    39 659
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 75
    Localisation : Royaume-Uni

    Informations professionnelles :
    Activité : Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Bidouilleur SharePoint
    Secteur : Industrie

    Informations forums :
    Inscription : Mars 2002
    Messages : 39 659
    Billets dans le blog
    1
    Par défaut
    lol SAOD tu viens d'inveter l'horlage bilingue ...
    Ma page Developpez - Mon Blog Developpez
    Président du CCMPTP (Comité Contre le Mot "Problème" dans les Titres de Posts)
    Deux règles du succès: 1) Ne communiquez jamais à quelqu'un tout votre savoir...
    Votre post est résolu ? Alors n'oubliez pas le Tag

    Venez sur le Chat de Développez !

  8. #8
    Membre éprouvé
    Avatar de SOAD08
    Profil pro
    Inscrit en
    Juillet 2004
    Messages
    101
    Détails du profil
    Informations personnelles :
    Âge : 36
    Localisation : France

    Informations forums :
    Inscription : Juillet 2004
    Messages : 101
    Par défaut
    Qu'est-ce qui en va pas avec l'horloge ?
    www.cppreference.com ==> A lire pour vos problèmes touchant à la STL
    www.php.net ==> A lire avant de demander le fonctionnement d'une fonction PHP

    Alliance developpez Muzgo

  9. #9
    Membre averti
    Profil pro
    Inscrit en
    Septembre 2006
    Messages
    20
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Septembre 2006
    Messages : 20
    Par défaut
    merci pour tout je viens de trouver une soluc je la teste et je vous la cite plus tard!

  10. #10
    Membre averti
    Profil pro
    Inscrit en
    Septembre 2006
    Messages
    20
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Septembre 2006
    Messages : 20
    Par défaut
    finalement cette soluc n'est pas celle que j'attendai mais de toute façon, je ne mettrai pas d'horloge dans mon site!
    merci encore et quand meme!
    Boromus!

+ Répondre à la discussion
Cette discussion est résolue.

Discussions similaires

  1. [Article] Créer une horloge en CSS 3 (et un peu de JavaScript)
    Par Bovino dans le forum Publications (X)HTML et CSS
    Réponses: 7
    Dernier message: 17/03/2014, 22h24
  2. Recherche des horloges en javascript
    Par grex1 dans le forum Général JavaScript
    Réponses: 4
    Dernier message: 17/11/2009, 15h40
  3. Horloge en javascript
    Par mimagyc dans le forum Général JavaScript
    Réponses: 20
    Dernier message: 11/05/2008, 17h22

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo