<!doctype html>
<html lang="ru">
<head>
<meta charset="utf-8">
<script type="text/javascript">
function updateCountdownClock(element, endDate) {
var text;
var now = +new Date();
var endtime = new Date();
var match = endDate.match(/(\d{1,2})\.(\d{1,2})\.(\d{4})\s+(?:(\d{1,2})\:(\d{1,2})(?:\:(\d{1,2})))/);
endtime.setDate(match[1]);
endtime.setMonth(match[2] - 1);
endtime.setFullYear(match[3]);
endtime.setHours(match[4]);
endtime.setMinutes(match[5]);
endtime.setSeconds(match[6]);
endtime = +endtime;
var diffDays = (((((endtime/84375) >> 10) | 0) - (((now/84375) >> 10) | 0)));
if (diffDays < 0) {
element.innerHTML = 'Уже было';
return;
}
if(diffDays%10 == 1)
text = "Остался " + diffDays + " день";
else if(diffDays%10 > 1 && diffDays%10 < 5 && (diffDays < 10 || diffDays > 20))
text = "Ещё " + diffDays + " дня";
else if(diffDays > 0)
text = "Осталось " + diffDays + " дней";
else
text = "Сегодня";
element.innerHTML = text;
}
window.onload = function() {
var elements = document.getElementsByTagName('*');
var timers = [];
for(var i = 0, length = elements.length, timer, rel; i < length; i++) {
timer = elements[i];
rel = timer.getAttribute('rel') || '';
if(/^timer/.test(rel)) {
timers.push(timer);
}
}
setTimeout(function() {
for(var i = 0, length = timers.length; i < length; i++)
updateCountdownClock(timers[i], timers[i].getAttribute('rel'));
}, 500);
};
</script>
</head>
<body>
<div>Когда будет 17 декабря 2015? <span rel="timer[17.12.2015 12:00:00]"></span></div>
<div>Когда наступит новый год? <span rel="timer[01.01.2015 00:00:00]"></span></div>
<div>Когда будет 1 декабря 2014? <span rel="timer[1.12.2014 12:00:00]"></span></div>
<div>Когда будет день рождения? <span rel="timer[02.03.2015 08:20:00]"></span></div>
</body>
</html>