Показать сообщение отдельно
  #31 (permalink)  
Старый 30.06.2013, 02:54
Интересующийся
Отправить личное сообщение для Aeliot Посмотреть профиль Найти все сообщения от Aeliot
 
Регистрация: 18.05.2013
Сообщений: 22

Всем большое спасибо за помощь. Работает.
Выкладываю то, что получилось.

Скрипт:
setInterval(function() {
	myTimer()
}, 1000)

function myTimer() {
	var now = new Date();
	var els = document.querySelectorAll('.timer-wrp');

	for ( var i = 0; i < els.length; i++) {
		var el_in = els[i].querySelectorAll('.time_in');

		var t = parseInputInt(el_in[0]);

		if (t == 0)
			continue;

		t--;

		el_in[0].innerHTML = t;

		var d = Math.floor(t / 86400);
		var h = Math.floor((t - d * 86400) / 3600);
		var m = Math.floor((t - d * 86400 - h * 3600) / 60);
		var s = (t - d * 86400 - h * 3600 - m * 60);

		var t_out = ((d > 0) ? d + ' days ' : '')
				+ (((d > 0) || (h > 0)) ? h + ':' : '')
				+ (((d > 0) || (h > 0) || (m > 0)) ? lid0(m) + ':' : '')
				+ (((d > 0) || (h > 0) || (m > 0) || (s > 0)) ? lid0(s) : '');

		var el_out = els[i].querySelectorAll('.time_show');
		el_out[0].innerHTML = t_out;
	}
}

function parseInputInt(el) {
	var value = el.innerHTML;
	return (value != "") ? parseInt(value, 10) : 0;
}

function lid0(num) {
	return (num < 10) ? '0' + num : num;
}


Код страницы:
<span class="timer-wrp"><span class="time_in">53931</span>[<span class="time_show" title="Time ot deadline"></span>]</span>


CSS:
/** Timer */
span.time_in{
	visibility: hidden;
	display: none;
}

span.time_show{
	color: red;
	font-weight: bold;
}


Если будут предложения по улучшению кода, с радостью прислушаюсь и буду использовать себе во благо.
Ответить с цитированием