Affiche l'heure en temps réel sur son site

  Information

Afficher l'heure de votre serveur sur votre site internet. 

Ce n'est pas l'heure du support (ordi, tablette, windows, linux...) sur lequel se fait la lecture de l'heure qui sera prise en compte mais l'heure de votre serveur.

  code source classé dans  Applications

 
 01    
 02    
 03    
 04    
 05    
 06    
 07    
 08    
 09    
 10    
 11    
 12    
 13    
 14    
 15    
 16    
 17    
 18    
 19    
 20    
 21    
 22    
 23    
 24    
 25    
 26    
 27    
 28    
 29    
 30    
 31    
 32    
 33    
 34    
 35    
 36    
 37    
 38    
 39    
 40    
 41    
 42    
 43    
 44    
 45    
 46    
 47    
 48    
 49    
 50    
 51    
 52    
 53    
 54    
 55    
 56    
 57    
 58    
 59    
 60    
 61    
 62    
 63    
 64    
 65    
 66    
 67    
 68    
 69    
 70    
 71    
 72    
 73    
 74    
 75    
 76    
 77    
 78    
 79    
 80    
 81    
 82    
 83    
 84    
 85    
 86    
 87    
 88    
 89    
 90    
 91    
 92    
 93    
 94    
 95    
 96    
 97    
                               
<?php
/*---------------------------------------------------------------*/
/*
    Titre : Affiche l'heure en temps réel sur son site                                                                   
                                                                                                                          
    URL   : https://phpsources.net/code_s.php?id=136
    Date édition     : 31 Juil 2005                                                                                       
    Date mise à jour : 06 Sept 2019                                                                                      
    Rapport de la maj:                                                                                                    
    - fonctionnement du code vérifié                                                                                    
*/
/*---------------------------------------------------------------*/?>
    <!--  Code à placer dans la partie HEAD  -->

    <head>

    <?php
    // Récupère l'heure du serveur

       $localtime localtime();

       $seconde =  $localtime[0];
       $minute =  $localtime[1];
       $heure =  $localtime[2];

    ?>

    <script>
          
          bcle=0;

          function clock()
          {
            if (bcle == 0)
            {
              heure = <?php echo $heure ?>;
              min = <?php echo $minute ?>;
              sec = <?php echo $seconde ?>;
            }
            else
            {
              sec ++;
              if (sec == 60)
              {
                sec=0;
                min++;
                if (min == 60)
                {
                  min=0;
                  heure++;
                };
              };
            };
            txt="";
            if(heure < 10)
            {
              txt += "0";
            }
            txt += heure+ ":";
            if(min < 10)
            {
              txt += "0"
            }
            txt += min + ":";
            if(sec < 10)
            {
              txt += "0"
            }
            txt += sec ;
            timer = setTimeout("clock()",1000);
            bcle ++;
            document.clock.date.value = txt ;
          }
    </script>


    <style type="text/css">
    form{
        display:inline;
    }
    .style {border-width: 0;background-color:#005A7B;color: #F2f2f2;}
    </style>

    </head>




    <!--  Charge la fonction dans le corps de la page  -->
    <body onLoad="clock()">

    <!--  Affiche l'heure  -->
    <form name="clock" onSubmit="0">
    <input type="text" name="date" size="5" readonly="true" class="style">
    </form>

          Fonctions du code - Doc officielle PHP

   php.net   Description Versions PHP OUTIL
   echo Affiche une chaîne de caractères PHP 4, PHP 5, PHP 7, PHP 8
   localtime Récupère l'heure locale PHP 4, PHP 5, PHP 7, PHP 8

   Dites merci aux auteurs pour leurs travail, ça ne coûte rien et ça fait toujours plaisir wink

[13]

  • avatar

    Invité

    05 Déc 2022 à 23:26

    Merci  pour vos éfforts, c'est vraiment gentil

  • avatar

    Invité

    22 Aout 2013 à 06:11

    date_default_timezone_set ('Europe/Paris');
    devrais mieux fonctionner

  • avatar

    Invité

    09 Jan 2013 à 12:14

    parfait par contre changer l'utf

  • avatar

    Invité

    30 Déc 2012 à 18:03

     date_default_timezone_set ("Europe/Paris"); putain sa marche vraiment pa s

  • avatar

    Invité

    30 Déc 2012 à 18:02

     date_default_timezone_set ("Europe/Paris"); sa marche pas chez moi

  • avatar

    Invité

    12 Oct 2012 à 23:53

    Bonjour, comment n'afficher les minutes? Merci 

  • avatar

    Invité

    24 Fév 2012 à 14:11

    Bonjour, comment n'afficher que l'heure et les minutes? Merci

  • avatar

    Invité

    13 Fév 2011 à 15:01

    Merci pour ce script. Pour te remercier, voici ma contribution : la fonction que tu as faite mais un peu plus optimiser au niveau compression; bien sûr on peut encore mieux faire !        function clock(){
            var t='';if(!document.clock.date.value){h=<?php echo $heure ?>;m=<?php echo $minute ?>;s=<?php echo $seconde ?>;}else{s++;if(s%60==0){s=0;m++;if(m%60==0){m=0;h++;if(h%24==0){h=0;};};};}t+=h<10?'0':'';t+=h+":";t+=m<10?'0':'';t+=m+":";t+=s<10?'0':'';t+=s;document.clock.date.value=t;setTimeout("clock()",1000);
        }

  • avatar

    Invité

    20 Jan 2011 à 14:48

     Bonjour, comment placer l'heure ave le code précédent dans mon "footer" (pied de page) ? 

  • avatar

    Invité

    22 Fév 2010 à 11:42

    L'heure affichée est l'heure du serveur. Tu peux changer la zone horaire pour ton script en insérant :
    date_default_timezone_set("Europe/Paris");

    avant
    $localtime = localtime();

    Le Script suivant affiche l'heure et la date locale (celle du browser), et non pas l'heure du serveur. Un chinois verra l'heure de Chine s'il se connecte au site.
    <HTML>

    <HEAD>

    <SCRIPT>
    function clock() {
        var days = ["Lundi", "Mardi", "Mercredi", "Jeudi", "Vendredi", "Samedi", "Dimanche"];
        var months = ["janvier", "février", "mars", "avril", "mai", "juin", "juillet", "aout", "septembre", "octobre", "novembre", "décembre"];
        localTime     = new Date();
        date      = localTime.getDate();
        day       = localTime.getDay();
        full_year = localTime.getFullYear();
        hours     = localTime.getHours();
        minutes   = localTime.getMinutes();
        month     = localTime.getMonth();
        seconds   = localTime.getSeconds();
        value     = "";
        if (hours < 10) {
            hours = "0" + hours;
        }
        if (minutes < 10) {
            minutes = "0" + minutes;
        }
        if (seconds < 10) {
            seconds = "0" + seconds;
        }
        value = days[day] + " " + date + " " + months[month] + " " + full_year + " " + hours + ":" + minutes + ":" + seconds;
       
        document.clock.date.value = value ;
       
        setTimeout(clock,1000);
    }
    </SCRIPT>


    <STYLE TYPE="text/css">
    form{
        display:inline;
    }
    .style {border-width: 0;background-color:#005A7B;color: #F2f2f2;}
    </STYLE>

    </HEAD>

    <!--  Charge la fonction dans le corps de la page  -->
    <BODY onLoad="clock()">

    <!--  Affiche l'heure  -->
    <form name="clock" onSubmit="0">
    <input type="text" name="date" size="64" readonly="true" class="style">
    </form>

    </BODY>
    </HTML>

  • avatar

    Invité

    07 Fév 2009 à 16:39

    Bonjour, j'ai utilisé le script mais j'ai 14 minutes de différence avec mon pc... Un peu bizarre ! J'ai donc retranché ces 14 minutes pour avoir l'heure exacte. Est ce que le problème peut venir de l'heure système et non de l'indicateur situé en bas à droite sur windows ???

  • avatar

    Invité

    14 Jan 2009 à 20:42

    Bonne idée de combiner js et php : Le php ne permet pas à lui seul d'obtenir une heure dynamique, le javascript ne tient compte que de l'heure du pc client, qui peut être fausse.
    En combinant les deux langages, on obtient une heure juste à quelques secondes près (le temps de chargement peut faire perdre quelques secondes).
    En revanche il aurait été préférable d'afficher l'heure dans un texte plutôt qu'un formulaire.

  • avatar

    Delta-iota

    26 Oct 2005 à 16:35

    concept très interressant, ce melange de langages prouve une pure maitrise...

Présentation de PHP

PHP débutant et initié 50 Tutoriel

Présentation de MySQL

  31 Juil 2005

Information sur les mises à jour

Dernière mise à jour :

    06 Sept 2019
    fonctionnement du code vérifié

66 267 Vues
Compatibilité
PHP 5, 7 et 8+