Wie dynamisch die Anzeige der Zeit mithilfe von PHP?

Möchte ich die dynamische Darstellung der Zeit mit Hilfe von PHP im web-browser.

Mein code ist:

<?php
date_default_timezone_set('UTC');
for($j=0;$j<5;$j++)
{
echo nl2br("\n");
sleep(1);
echo date(" H:i:s", time());
}
?>

Die web-Seite zeigt eine Liste von 5 Zeitstempel zusammen anstelle von drucken ist es jeder zweite.
Ich weiß nicht, wo ich schief ging.

  • Sie können nicht mit PHP allein für dynamische Inhalte, da es auf dem server verarbeitet wird und nicht auf dem client. Sie müssen javascript verwendet.
  • AJAX, jQuery, JavaScript sind Ihre einzigen Optionen wirklich
  • Stattdessen können Sie Javascript verwenden, Date() - Objekt.
  • wenn Sie Ihre Antwort bitte markieren Sie eine als richtig die Frage schließen.
InformationsquelleAutor Swamy | 2014-01-17
  1. 6

    PHP ist server-side code. Sobald es gesendet wurde, an den client, es kann nicht mehr die Seite aktualisiert. Zu tun, was Sie wollen, Sie müssen JavaScript.

    Einer schnellen google brachte eine Reihe von websites, die Ihnen helfen können. Diese eine sieht ziemlich einfach zu implementieren.

    InformationsquelleAutor Styphon
  2. 0

    Verwendung von PHP für die Ausgabe der Zeit wird nur die Zeit zeigen, wenn die Seite zunächst gerendert. Sie können nicht nur verwenden, PHP dynamisch anzeigen, wie spät es ist. Wenn Sie erreichen wollen, am Ende das Resultat, benötigen Sie JavaScript.

    Der Nachteil bei der Verwendung von JavaScript, Datum() Objekt ist, dass es zeigt die client-Zeit basierend auf den Einstellungen Ihres Computers oder Geräts. Wenn es Ihr Ziel ist, verwenden Sie die server-Zeit und lassen Sie es zu ticken, würden Sie brauchen, um passieren die aktuelle Zeit, das Datum() und dann manipulieren, dass die Daten jede Sekunde.

    Könnte man im wesentlichen etwas wie das hier tun:

    Beispiel auf CodePen: http://codepen.io/anon/pen/IAKht

    <?php
date_default_timezone_set('UTC');
?>
<html>
<head>
<script>
var d = new Date(<?php echo time() * 1000 ?>);

function updateClock() {
  //Increment the date
  d.setTime(d.getTime() + 1000);

  //Translate time to pieces
  var currentHours = d.getHours();
  var currentMinutes = d.getMinutes();
  var currentSeconds = d.getSeconds();

  //Add the beginning zero to minutes and seconds if needed
  currentMinutes = (currentMinutes < 10 ? "0" : "") + currentMinutes;
  currentSeconds = (currentSeconds < 10 ? "0" : "") + currentSeconds;

  //Determine the meridian
  var meridian = (currentHours < 12) ? "am" : "pm";

  //Convert the hours out of 24-hour time
  currentHours = (currentHours > 12) ? currentHours - 12 : currentHours;
  currentHours = (currentHours == 0) ? 12 : currentHours;

  //Generate the display string
  var currentTimeString = currentHours + ":" + currentMinutes + ":" + currentSeconds + " " + meridian;

  //Update the time
  document.getElementById("clock").firstChild.nodeValue = currentTimeString;
}

window.onload = function() {
  updateClock();
  setInterval('updateClock()', 1000);
}
</script>
</head>
<body>
  <div id="clock">&nbsp;</div>
</body>
</html>
    InformationsquelleAutor Michael Irigoyen
  3. -1

    Ich denke, php, javascript ist nicht so eine gute Idee ist, ... dass Sie nicht jede Sekunde einen server nennen. Besser ist eine javascript client-side-Lösung.

    InformationsquelleAutor Frank Anneveld
  4. -1

    php ist server-side-scripting-Sprache. das heißt, es gibt ganze Seite generiert, als eine HTML Seite. Sie können nicht drucken oder echo-Werte unter Verwendung von Schleifen. so wird die Schleife alle Werte anzeigen lassen, anstatt eins nach dem anderen.

    dafür, dass Sie zum anzeigen der Zeit in regelmäßigen Abständen. es gibt zwei Wege, das zu tun, client-Seite und server-Seite, die ist als unten,

    Server-Seite, die Zeit die Methode

    <html>
<body>

    <div id="timeNow" >
    </div>

    <script>
        var d = new Date(<?php date_default_timezone_set('UTC'); echo strtotime('now')*1000 ?>);
        (function foo(){
            d.setTime(d.getTime()+1000);
            var clientTime = d.getHours() + ":"  + d.getMinutes() + ":" + d.getSeconds() + " " + (d.getHours() >= 12 ? 'pm' : 'am');
            //alert(clientTime);
            document.getElementById("timeNow").innerHTML = clientTime;
            setTimeout(foo, 1000); //refresh time every 1 second
        })();
    </script>

</body>
</html>

    Client-Seite, die Zeit die Methode : 

    <html>
<body>

    <div id="timeNow" >
    </div>

    <script>
        (function foo(){
            var d = new Date();
            var hours = d.getHours()*12;
            var clientTime = (hours ? hours : 12) + ":"  + d.getMinutes() + ":" + d.getSeconds() + " " + (hours >= 12 ? 'pm' : 'am');
            //alert(clientTime);
            document.getElementById("timeNow").innerHTML = clientTime;
            setTimeout(foo, 1000); //refresh time every 1 second
        })();
    </script>

</body>
</html>
    • Dadurch wird eine HTTP-Anforderung jede Sekunde. Das ist ja schrecklich-Praxis. Do nicht tun.
    • yaa aber wenn einer will, um die server-Zeit, als es keine andere option außer dieser.
    • aktualisierte Antwort mit UN-SCHRECKLICH - Methode .. 🙂
    • Deine zweite Methode verwendet die client-Zeit, nicht die server-Zeit. Wenn der OP sucht für die client-Zeit, das kann funktionieren. Allerdings, wenn Sie sind auf der Suche für server-based-Zeit, keine der beiden Lösungen akzeptabel sind. Es die anderen Optionen, wie meine Antwort.
    InformationsquelleAutor Bhavesh Gangani
Schreibe einen Kommentar