Javascript.RU

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

Счетчик обратного отсчета
Здравствуйте!

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


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

Сейчас отображается так: 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, 11:36
Аспирант
Отправить личное сообщение для Deymos Посмотреть профиль Найти все сообщения от Deymos
 
Регистрация: 14.01.2013
Сообщений: 33

Неужели никто не знает как это реализовать?
Ответить с цитированием
  #3 (permalink)  
Старый 27.01.2014, 16:10
Профессор
Отправить личное сообщение для kostyanet Посмотреть профиль Найти все сообщения от kostyanet
 
Регистрация: 23.10.2010
Сообщений: 2,718

Последнее сообщение http://stackoverflow.com/questions/1...-in-javascript

ключевые слова js zerofill
Ответить с цитированием
Ответ



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

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


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
таймер обратного отсчета в формате (H, m, s) mozgs Общие вопросы Javascript 1 22.12.2013 15:46
Счетчик обратного отсчета с ежедневным рестартом Илья1982 Общие вопросы Javascript 3 24.11.2013 12:24
Скрипт обратного отсчета времени Extremal1989 Общие вопросы Javascript 13 30.12.2012 11:47
Счетчик "прямого" отсчета rolph Общие вопросы Javascript 12 05.12.2011 11:52
Графический таймер обратного отсчета bobri4 Элементы интерфейса 4 24.08.2009 22:50