Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 26.01.2014, 13:31
Аспирант
Отправить личное сообщение для Deymos Посмотреть профиль Найти все сообщения от Deymos
 
Регистрация: 14.01.2013
Сообщений: 33

Помогите доработать счетчик JS
Здравствуйте!

Нашел на данном форуме счетчик обратного отсчета, выглядит он так:


каким образом можно изменить код счетчика, что бы добавить нули...

Сейчас отображается так: 0.0.0.0 (0.12.1.7 (дн,ч, мин, сек))
а нужно что бы было: 00.00.00.00 (00.12.01.07 (дн,ч,мин,сек))

код такой:
<script>


        function CountBox() {
            var dateNow = new Date();
            var  year=dateNow.getFullYear(),
                    month=dateNow.getMonth(),
                    day=dateNow.getDate(),
                    dateFuture=new Date(year,month,day,23,59,59),
                    amount = dateFuture.getTime() - dateNow.getTime() + 5;

            if (amount < 0) {
                var out = "<div id='countbox-days'><span></span>0<div id='countbox-days-text'>                        </div>                </div>                        " + "<div id='countbox-hours'>                        <span></span>0<div id='countbox-hours-text'>                        </div>                </div>                        " + "<div id='countbox-mins'>                        <span></span>0<div id='countbox-mins-text'>                        </div>                </div>                        " + "<div id='countbox-secs'>                        <span></span>0<div id='countbox-secs-text'>                        </div>                </div>                ";
                document.getElementById("countbox").innerHTML = out;
                setTimeout("CountBox()", 1e3);
            } else {
                var days = 0,
                        hours = 0,
                        mins = 0,
                        secs = 0,
                        out = "";
                amount = Math.floor(amount / 1e3);
                days = Math.floor(amount / 86400);
                amount = amount % 86400;
                hours = Math.floor(amount / 3600);
                amount = amount % 3600;
                mins = Math.floor(amount / 60);
                amount = amount % 60;
                secs = Math.floor(amount);
                out = "<div id='countbox-days'> <span></span>" + days + "<div id='countbox-days-text'> </div> </div> " + "<div id='countbox-hours'>      <span></span>" + hours + "<div id='countbox-hours-text'> </div>  </div>                        " + "<div id='countbox-mins'>                        <span></span>" + mins + "<div id='countbox-mins-text'>                        </div>                </div>                        " + "<div id='countbox-secs'>                        <span></span>" + secs + "<div id='countbox-secs-text'>                        </div>                </div>                ";
                document.getElementById("countbox").innerHTML = out;
                setTimeout("CountBox()", 1e3)
            }
        }
        function local(href,time)
        {
            if("CountBox" in localStorage)
            {
                setTimeout(function(){
                    location.href=href;
                },time*1000)
            }
            else{
                var local= localStorage.setItem("CountBox","123456");
            }
        }
        function add_style()
        { var head=document.getElementsByTagName('head')[0],
                style="    @font-face {   font-family: Calibri;        font-weight: normal;      font-style: normal;  }  #countbox{padding:0;margin:0 auto; line-height: 1.2;color: #fff; font-family:  Calibri;MyriadProRegular,Helvetica,sans-serif;font-size: 55px;width: 432px;height: 79px;}  #countbox-days,#countbox-hours,#countbox-mins,#countbox-secs{float: left;text-align: center;background-image:url('img/flip.png');background-repeat:no-repeat;margin: 0 7px 0 7px;height: 59px;width: 94px;z-index:99;}  #countbox-days-text,#countbox-hours-text,#countbox-mins-text,#countbox-secs-text{background-position: center;background-repeat:no-repeat;position: absolute;margin-top: -8px;height: 26px;width: 94px;}  #countbox-days-text{background-image:url('http://www.timegenerator.ru/c/1/days_text.gif');} #countbox-hours-text{background-image:url('http://www.timegenerator.ru/c/1/hours_text.gif');}   #countbox-mins-text{background-image:url('http://www.timegenerator.ru/c/1/mins_text.gif');}  #countbox-secs-text{background-image:url('http://www.timegenerator.ru/c/1/secs_text.gif');} #countbox-days span, #countbox-hours span, #countbox-mins span, #countbox-secs span {background: url('http://www.timegenerator.ru/c/1/flip_gradient.png');}     .help{   width:300px;     margin: 0 auto 0 auto;         }    .code{        background-color: #EBE6BC      }      "  ,
                st=document.createElement('style');
            st.setAttribute("type","text/css") ;
            st.innerHTML=style;
            head.appendChild(st);
        }
        $(document).ready(
                function()
                {add_style();
                    CountBox();
                }
        )
    </script>
Ответить с цитированием
  #2 (permalink)  
Старый 26.01.2014, 13:42
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,109

Deymos,
сделайте рабочий макет тут, чтоб тут тикало
[HTML run][/HTML]
Ответить с цитированием
  #3 (permalink)  
Старый 26.01.2014, 19:43
sinistral
Посмотреть профиль Найти все сообщения от melky
 
Регистрация: 28.03.2011
Сообщений: 5,418

попробуйте
amount = Math.floor(amount / 1e3);
days = Math.floor(amount / 86400);
amount = amount % 86400;
hours = Math.floor(amount / 3600);
amount = amount % 3600;
mins = Math.floor(amount / 60);
amount = amount % 60;
secs = Math.floor(amount);

заменить на
amount = Math.floor(amount / 1e3);
days = Math.floor(amount / 86400);
days = (days < 10) ? ('0' + days) : days;
amount = amount % 86400;
hours = Math.floor(amount / 3600);
hours = (hours < 10) ? ('0' + hours) : hours;
amount = amount % 3600;
mins = Math.floor(amount / 60);
mins = (mins < 10) ? ('0' + mins) : mins;
amount = amount % 60;
secs = Math.floor(amount);
secs = (secs < 10) ? ('0' + secs) : secs;
Ответить с цитированием
  #4 (permalink)  
Старый 26.01.2014, 21:19
Аспирант
Отправить личное сообщение для Deymos Посмотреть профиль Найти все сообщения от Deymos
 
Регистрация: 14.01.2013
Сообщений: 33

Вы гений! все получилось!
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Помогите расшифровать JS pavdin Общие вопросы Javascript 24 01.04.2017 20:37
Помогите доработать навигацию jquery слайдера dima-f1 jQuery 0 29.02.2012 19:36
Помогите разобраться ... Я новенький в JS ... bogong Общие вопросы Javascript 23 27.12.2011 19:20
помогите со js скриптом поиска по текстовой базе MorganStels Ваши сайты и скрипты 4 15.06.2010 10:03
Помогите доработать хороший скрипт! KiLLka Я не знаю javascript 3 10.06.2009 23:37