wet,
<!DOCTYPE html>
<html>
<head>
<title>Untitled</title>
<meta charset="utf-8">
<style type="text/css">
</style>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<script>
$(function() {
function countDown(timestamp, id){
if (timestamp < 0) timestamp = 0;
var day = Math.floor( (timestamp/60/60) / 24);
var hour = Math.floor(timestamp/60/60);
var mins = Math.floor((timestamp - hour*60*60)/60);
var secs = Math.floor(timestamp - hour*60*60 - mins*60);
var left_hour = Math.floor( (timestamp - day*24*60*60) / 60 / 60 );
if(String(mins).length <= 1)
{
mins = "0" + mins;
}
if(String(secs).length <= 1)
{
secs = "0" + secs;
}
$('#'+id+' span').html( '0'+left_hour+':'+mins+':'+secs );
}
function aaa(e){
$('.gray-line').each(function(i,el){
var seconds = $(el).attr("data-sec");
var id = el.id;
if (e)
{ alert('stop id = ' + id);
clearInterval(el.timer);
}
else{
// запускаем таймер
el.timer = setInterval(function(){
seconds = seconds - 1;
countDown(seconds, id);
// если время истекает скрываем блоки
if(seconds <= 0){
$('#'+id).hide();
}
}, 1000);
}
});
}
// первая обработка данных
aaa();
// далее запрашиваем данные с определенным интервалом, чтобы инфа всегда была актуальной
setInterval(function(){ //
aaa(true);
}, 10000);
});
</script>
</head>
<body>
<div class="results full-height">
<div id="id1044" class="gray-line" data-sec="06">
( Осталось <span>01:00:00</span>)
</div>
<div id="id12369" class="gray-line" data-sec="3607">
( Осталось <span>01:00:01</span>)
</div>
</div>
</body>
</html>