Показать сообщение отдельно
  #13 (permalink)  
Старый 07.09.2018, 19:11
Аватар для j0hnik
Профессор
Отправить личное сообщение для j0hnik Посмотреть профиль Найти все сообщения от j0hnik
 
Регистрация: 01.12.2016
Сообщений: 3,650

Более универсальный, добавил склонения, можно указать конечную дату, время и сколько добавлять.
<div class="time"></div>
	<script>
		function sclPad(n, arr){
			return n+" "+arr[(n%100>4 && n%100<20)?2:[2, 0, 1, 1, 1, 2][(n%10<5)?n%10:5]];
		}
		var x = 24*60*60*1000,
		down = document.querySelector('.time'),
		now = new Date(),
		end = new Date(2018, 8, 8);

		(function tick(){
			down.innerHTML ='';
			var now = new Date(),
			ost = end - now,
			s = Math.floor(ost/1000),
			m = Math.floor(s/60),
			h = Math.floor(m/60),
			d = Math.floor(h/24);
			s = s%60+'';
			m = m%60+'';
			h = h%24+'';
			d = d+'';
			d = d.length == 1 ? '0'+d:d;
			h = h.length == 1 ? '0'+h:h;
			m = m.length == 1 ? '0'+m:m;
			s = s.length == 1 ? '0'+s:s;

			down.innerHTML = 	
			sclPad(d, ['день', 'дня', 'дней'])+
	' '+sclPad(h, ['час', 'часа', 'часов'])+
	' '+sclPad(m, ['минута', 'минуты', 'минут'])+
	' '+sclPad(s, ['секунда', 'секунды', 'секунд']);
			if(ost>0) setTimeout(tick, 1000);
			else {
				while(end < now) end = end.valueOf() + x;
				tick();
			}
		})();
	</script>

Последний раз редактировалось j0hnik, 07.09.2018 в 19:51.
Ответить с цитированием