html knowhow

Count-Back

So sieht´s aus

Ich wurde am 14.4.1953, also vor 00 Jahren, 00 Tagen und 00 Stunden geboren.

Quellcode

<html>
<head>

<style type="text/css">
.countup .timeel {display: inline-block; color: black; font-size:1.3em;}
</style>
</head>

<body>
<center>
<div class="countup" id="countup1"><span class="auto-style30">Ich wurde am 14.4.1953, also vor</span>
<span class="timeel years">00</span>
<span class="timeel timeRefYears"> Jahren, </span>
<span class="timeel days">00</span>
<span class="timeel timeRefDays"> Tagen und</span>
<span class="timeel hours">00</span>
<span class="timeel timeRefHours"> Stunden geboren.</span>
</div>
</center>

<script>
window.onload = function() {
countUpFromTime("Jan 1, 1953 00:00:00", 'countup1');
};
function countUpFromTime(countFrom, id) {
countFrom = new Date(countFrom).getTime();
var now = new Date(),
countFrom = new Date(countFrom),
timeDifference = (now - countFrom);
var secondsInADay = 60 * 60 * 1000 * 24,
secondsInAHour = 60 * 60 * 1000;
days = Math.floor(timeDifference / (secondsInADay) * 1);
years = Math.floor(days / 365);
if (years > 1){ days = days - (years * 365) }
hours = Math.floor((timeDifference % (secondsInADay)) / (secondsInAHour) * 1);
mins = Math.floor(((timeDifference % (secondsInADay)) % (secondsInAHour)) / (60 * 1000) * 1);
secs = Math.floor((((timeDifference % (secondsInADay)) % (secondsInAHour)) % (60 * 1000)) / 1000 * 1);
var idEl = document.getElementById(id);
idEl.getElementsByClassName('years')[0].innerHTML = years;
idEl.getElementsByClassName('days')[0].innerHTML = days;
idEl.getElementsByClassName('hours')[0].innerHTML = hours;
idEl.getElementsByClassName('minutes')[0].innerHTML = mins;
idEl.getElementsByClassName('seconds')[0].innerHTML = secs;
clearTimeout(countUpFromTime.interval);
countUpFromTime.interval = setTimeout(function(){ countUpFromTime(countFrom, id); }, 1000);
}
</script>
</body>

</html>

Kontakt Datenschutz Impressum