Nová ukázka
Reset
Načíst z URL
Uložit a získat odkaz
Vztahuje se k…
Nevyplňujte
Napiště „nejsem robot“
▶
Přepnout zobrazení
Výsledek
<title>Dynamický update „před X minutami“</title> <h1>Dynamický update „před X minutami“</h1> <p>Při uvedení časového pásma (druhý příklad) se bude rozdíl počítat korektně i lidem s jiným časovým pásmem.</p> <p>Zasláno před <time datetime="2014-07-13T20:45:00"></time>.</p> <p>Zasláno před <time datetime="2014-07-13T20:45:00+02:00"></time>.</p> <script>TimeAgo.init();</script>
HTML
Autoformát
Standardní režim
Mobilní zobrazení
CSS
Autoformát
CSS reset
Až na konci
var TimeAgo = function() { var interval = 60 * 1000; var timer; var getDelta = function(seconds) { var delta = Math.round(seconds / 60); if (delta <= 0) return 'před okamžikem'; if (delta == 1) return 'před minutou'; if (delta < 45) return "před " + delta + " minutami"; if (delta < 90) return 'před hodinou'; if (delta < 1440) return 'před ' + Math.round(delta / 60) + ' hodinami'; if (delta < 2880) return 'včera'; if (delta < 43200) return 'před ' + Math.round(delta / 1440) + ' dny'; if (delta < 86400) return 'před měsícem'; if (delta < 525960) return 'před ' + Math.round(delta / 43200) + ' měsíci'; if (delta < 1051920) return 'před rokem'; return 'před ' + Math.round(delta / 525960) + ' lety'; }; var ago = function(el) { var date = new Date(el.getAttribute("datetime")); var now = new Date(); var delta = (now.getTime() - date.getTime()) / 1000; el.innerHTML = getDelta(delta); }; var update = function() { var time = document.getElementsByTagName("time"); for (var i = 0; i < time.length; i++) { ago(time[i]); } clearTimeout(timer); timer = setTimeout(update, interval); }; var init = function() { update(); }; return { init : init, update : update }; }();
J
ava
S
cript
Autoformát
jQuery
Umístění JS
window.onload
</head>
</body>