co chcę zrobić
Mam w MySQL jakaś datę np 2017.03.22 15:12:59 i teraz chcę zrobić na stronie www licznik, który liczy ile upłynęło czasu (dni,godziny,minuty,sekundy) od tej daty pobranej z MySQL i to na razie wszystko
Jak na razie do wyświetlenia na stronie daty i godziny z MySQL wykorzystuję XML. Tutaj wyświetla się ta data jako String ?
Kod poniżej liczy fajnie ale "w dół" zamiast w górę i nie wiem jak wstawić tam swoją datę z MySQL
Może ktoś się orientuję jak to zrobić ?
CODE
<div id="zegar">
<script language="JavaScript" type="text/javascript">
function date_diff(d,o,t,x){return[x=~~(t=(d-o)/864e5),
x=~~(t=(t-x)*24),
x=~~(t=(t-x)*60),
~~((t-x)*60)]}
function R(t){t=date_diff(new Date(2017,10,14),new Date());
document.getElementById('zegar').innerHTML='Do 1 grudnia pozostalo '+t[0]+" dni, "+t[1]+" godzin, "+t[2]+" minut, "+t[3]+"sekund";
setTimeout('R()',1e3);}
R()
</script>
</div>
<script language="JavaScript" type="text/javascript">
function date_diff(d,o,t,x){return[x=~~(t=(d-o)/864e5),
x=~~(t=(t-x)*24),
x=~~(t=(t-x)*60),
~~((t-x)*60)]}
function R(t){t=date_diff(new Date(2017,10,14),new Date());
document.getElementById('zegar').innerHTML='Do 1 grudnia pozostalo '+t[0]+" dni, "+t[1]+" godzin, "+t[2]+" minut, "+t[3]+"sekund";
setTimeout('R()',1e3);}
R()
</script>
</div>
Wykorzystując moment.js i kod jak poniżej wyświetla się w div : Upłynął czas 19:24:09 co do diaska ?
Jak do zmiennej var a; wstawić datę z MYSQL w formacie YYYY-MM-DD HH:mm:ss ?
Najprawdopodobniej zrobię to AJAX'em.
CODE
<div id="timer">
<script type="text/javascript">
var now = "2017-03-24 18:50:11";
var then = "2017-03-24 14:14:20"; //od then odejmuję now
document.getElementById('timer').innerHTML=
'Upłynął czas ' + moment.utc(moment(now,"YYYY-MM-DD HH:mm:ss").diff(moment(then,"YYYY-MM-DD HH:mm:ss"))).format("HH:mm:ss");
</script>
</div>
<script type="text/javascript">
var now = "2017-03-24 18:50:11";
var then = "2017-03-24 14:14:20"; //od then odejmuję now
document.getElementById('timer').innerHTML=
'Upłynął czas ' + moment.utc(moment(now,"YYYY-MM-DD HH:mm:ss").diff(moment(then,"YYYY-MM-DD HH:mm:ss"))).format("HH:mm:ss");
</script>
</div>
Zrobione dzięki : The Final Countdown - jQuery