Показать сообщение отдельно
  #2 (permalink)  
Старый 12.07.2016, 11:10
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,124

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>
Ответить с цитированием