2017-08-29 1 views
0

Ich konnte kein Dokument finden in Bezug auf was ich zu lösen versuche, daher frage ich es hier.Laravel Carbon - Zurückladen Aktuelle Zeit

Mein Controller zieht ein Carbon-Datum dies mit:

$utctime = Carbon::now()->toTimeString();

Dieser Code ermöglicht es mir, die UTC-Zeit auf meiner Seite angezeigt werden soll. Das Problem liegt darin, dass Carbon die Zeit nur einmal (beim Laden der Seite) lädt und zu diesem Zeitpunkt bleibt. Was ich will, ist Carbon, um die Echtzeit anzuzeigen und nicht die Seite neu laden zu müssen.

Ich vermute, es ist möglicherweise nicht möglich, die Zeit zu aktualisieren, da Carbon nicht Frontend ist? Wenn ja, wie würdest du die Zeit jedes Mal aktualisieren, anstatt sie überhaupt zu aktualisieren? - Vielleicht gibt es etwas für das Frontend, das ich benutzen kann?

+0

wie eine Art Uhr, nicht wahr? – Hackerman

+0

Warum nicht einfach einmal beim Laden der Seite ziehen und JavaScript dann weiter aktualisieren lassen? – Giedrius

+0

@Hackerman Ja, das ist richtig. – spacetravel

Antwort

1

eine grundlegende Ticken Uhr in Javascript Hinzufügen ist recht einfach:

<div id="time"></div> 

<script type="text/javascript"> 
    function showTime() { 
    var date = new Date(), 
     utc = new Date(Date.UTC(
      date.getFullYear(), 
      date.getMonth(), 
      date.getDate(), 
      date.getHours(), 
      date.getMinutes(), 
      date.getSeconds() 
     )); 

    document.getElementById('time').innerHTML = utc.toLocaleTimeString(); 
    } 

    setInterval(showTime, 1000); 
</script> 

Dies würde ganz sein Front-End-Basis, und sicherzustellen, dass es keine „Sprung“ zwischen der anfänglich gerenderten Server-Zeit ist und die lokale Zeit des Benutzers.

+0

Wäre es möglich, die UTC-Zeit statt meiner Ortszeit auszugeben? Die Uhr funktioniert, aber sie zeigt meine Ortszeit an. Vielen Dank! – spacetravel

+1

@spacetravel Bearbeitet. JS ist wirklich nicht die beste Sprache, um Daten zu manipulieren. Wenn Sie also etwas komplizierteres tun möchten, würde ich Ihnen empfehlen, sich eine Bibliothek wie [Moment.js] (https://momentjs.com/) anzusehen. – iainn

Verwandte Themen