PHP Generated date -> Javascript countdown -
i'm making site informatics project of mine. want make:
- php script outputs date can stored in database.
- javascript counts down date. if it's finished want display hyperlink (simple html anchor).
item 1 has been done, having difficult time achieving item 2. learned html, mysql , php far. i'm learning javascript @ moment. examples on site difficult understand , there must easier way it. want understand code.
php (no edit needed):
function klaar_bouw($getal=0) { $nu = strtotime("now"); $dag = floor($getal / 86400); $uur = floor(($getal % 86400) / 3600); $min = floor(($getal % 3600) / 60); $sec = ($getal % 60); $nieuw = date('d-m-y h:i:s', mktime( date('h',$nu)+$uur, date('i',$nu)+$min, date('s',$nu)+$sec, date('m',$nu), date('d',$nu)+$dag, date('y',$nu)) ); return $nieuw; } $bouwklaar = klaar_bouw( -! random number in seconds !-); echo"$bouwklaar";
javascript:
function bouwen(bouwklaar) { var bouwtijd = new date(bouwklaar); var dag = (getutcday(bouwtijd) - getutcday()); var uur = (getutchours(bouwtijd) - getutchours()); var min = (getutcminutes(bouwtijd) - getutcminutes()); var sec = (getutcseconds(bouwtijd) - getutcseconds()); return dag + ":" + uur + ":" + min + ":" + sec; } setinterval(function () { var bouw = bouwen('2013, 05, 21, 20, 00, 00'); document.getelementbyid("datum").innerhtml = bouw; }, 500);
output format: dd:hh:mm:ss (counting down 0, output html anchor link)
take @ jsfiddle. several issues:
- you using
new date
function incorrectly. function receives several integer inputs, not formatted string. - notice how days, minutes, hours, , seconds calculated. should subtract dates first, retrieve results getutc functions.
Comments
Post a Comment