Przerobienie zegaru z kursu HTML cz.3

Question

Witam, mam pytanie odnośnie zegara który pojawił się w 3 części kursu HTML. Jak go przerobić aby działał również na serwerze, tzn aby odświeżał czas co sekundę.

Kod podany w kursie:

function odliczanie()
    {
        var dzisiaj = new Date();
        var godzina = dzisiaj.getHours();
        if (godzina<10) godzina = "0"+godzina;
        var minuta = dzisiaj.getMinutes();
        if (minuta<10) minuta = "0"+minuta;
        var sekunda = dzisiaj.getSeconds();
        if (sekunda<10) sekunda = "0"+sekunda;
        document.getElementById("zegar").innerHTML = godzina+":"+minuta+":"+sekunda;
         setTimeout("odliczanie()",1000);
    }

podany wyżej kod działa tylko lokalnie..

Answer 1

Podobno taki, ale nie wiem czy działa :(

<script>
var serverTime=<?=time();?>*1000;
function myTime(){
window.status= /[\d:]{8}/.exec(new Date(serverTime+=1000));
setTimeout('myTime()',1000);
}
myTime();
</script>

 

Comments

albo nie działa, albo nie umiem go uruchomić... ach te początki...

---

Wiem co czujesz, mam to samo :(

---

Po stronie serwera, to trzeba ten zegarek napisać np. w PHP. Czysty JavaScript działa po stronie przeglądarki. Można ewentualnie pobierać czas z serwera (nie wiem jaka to funkcja w PHP) i przesłać ten czas do JS w momencie otwarcia strony, a JS będzie robił resztę (do otrzymanego czasu od PHP, będzie co sekundę dodawał sekundę, potem przekształcał to na minuty/godziny/dni itd.). Nie znam PHP więc nie wyjaśnię w jaki sposób to zrobić. Nie jestem tez pewien czy to optymalne rozwiązanie, ale raczej możliwe do wykonania.

Tutaj MZ wspomina o zegarku z wykorzystaniem PHP (chociaż PHP nie widać):

Czas: 36:10

https://www.youtube.com/watch?v=OcwON22ctYc

---

Spróbuj to:

<script type="text/javascript">
var $timerID = null , $dif = (new Date(<?php echo militime();?>)).getTime() - (new Date()).getTime();
function wyswietlCzas()
{
var $data = new Date((new Date()).getTime() + $dif),
$godziny = $data.getHours(),
$minuty = $data.getMinutes(),
$sekundy = $data.getSeconds(),
$czas = ['<b>', $godziny, ':', ($minuty<10)?'0'.concat($minuty):$minuty, ':', ($sekundy<10)?'0'.concat($sekundy):$sekundy, '</b>'].join('');
document.getElementById("zegarLayer").innerHTML = $czas;
$timerID = setTimeout(wyswietlCzas,1000);
}
window.onload=wyswietlCzas;
</script>

---

W takim razie spróbuj to:

http://forum.php.pl/JavaScriptPHP_Zegarek_w_js_z_czasem_z_serwera_t164928.html

---

te również nie działają, albo jak pisałem nie umiem tego podpiąć. Próbowałem zmieniac jakies rzeczy ale nic to nie daje.

---

Żeby korzystać z PHP, musisz uruchomić jakiś serwer, np. XAMPP i tam umieścić plik ze skryptem.