Обратный отсчет 2

    Тут товарищ написал программку(автор уже удалил топик) показывающую обратный отсчет до нового года. Но это так неудобно — скачивать программу, запускать какие-то файлики… Эпоха Веб 2.0 как-никак

    И хотя новый год на носу (чуть больше часа осталось), захотелось свой такой, но в привычном окружении браузера. Ну вот и написалось. Учитывая, что я js скорее увлекаюсь, чем программирую, очень маленькое количество оставшегося времени (минут 40 ушло, больше всего на подбор позиций у циферок, жена чуть не убила) и не совсем трезвое состояние — на безошибочный супер-код не претендую, вылизывать некогда. Скажу лишь, что это только HTML,CSS и JS, нет картинок, не используются фреймворки, и оно работает. Может кому и пригодится когда-нибудь в новом году :)

    Итак — не пропустите, когда нужно звенеть бокалами. В связи с тем, что новый год наступил — теперь это просто часы.

    С новым годом, друзья!
    Поделиться публикацией

    Похожие публикации

    Комментарии 22
      +3
      Прикольно, ждем реализации задумки на Flash, Silverlight, Adobe Air и остальных выразительных средствах)))

      P.S. А у меня цифирки прикольнее XD
      P.P.S. Да, после Нового Года показывает время, а моя пишет «New Year!»
      P.P.P.S. Коммент бредовый, согласен, понижение градуса никогда не шло мне на пользу)))
        0
        На флэше это давно реализовано и не раз=) Помню в прошлом году на один из своих проектов ставил — всем понравилось.
      • НЛО прилетело и опубликовало эту надпись здесь
          +3
          вот зачем:

          var el_timer = document.getElementById('timer');
          var ar_elem = el_timer.getElementsByTagName('I');

          Каждый I — это т.с. 1 лампочка на часах.
            +1
            из них собственно и состоит сетка таймера. В принипе, их можно и яваскриптом генерить, переделок на 10- минут, но у меня нелюбовь к генерации тэгов скриптами, когда без этого можно обойтись.
            +9
            Вау! Первый пост за сегодня, связаный, не только с Новым годом, но и с версткой и программирование на JS. Что тут скажеш, спасибо!
              0
              Господи, и тут часики! ^_^
              З.Ы. Всех с наступившим!
                0
                От Яндекса больше нравится: 2009.yandex.ru/
                  +1
                  ну так это флэш… неинтересно :)
                  и потом количество секунд — не знаю как вам, а для меня совершенно непонятное число. 7000000 секунд — это сколько (не прибегая к калькулятору)?
                  0
                  Кстати, 2008 год был длиннее на 1 секунду! :)
                  Вот и сама новость: tv.ukr.net/news/10122008/22813/
                    +2
                    Эти часики — это некий подарок хабра-сообществу, спасибо тебе Максим!
                      0
                      опоздали! он уже наступил!))
                      • НЛО прилетело и опубликовало эту надпись здесь
                        +1
                        надо было только, чтобы время было серверное, а не клиентское, а вдруг у меня часы на компе неправильные?
                          0
                          Здорово, только 2 января всё сломалось :) Надо ещё количество дней выводить.
                          p.s. реализация хороша :)
                            +1
                            Почему сломалось? Время вроде правильное показывает :)
                              0
                              Вроде правильно, но надо или количество дней выводить, или количество часов другое писать :) на текущий момент прошло не 20 часов, а уже 44 ;)
                              да это мелочи, по сути :)
                                +1
                                Так нет — они ж теперь просто время показывают, не более. Чтобы выводить счетчик часов до следующего года, или дней — нужно повышать разрядность

                                Переделать несложно, вот только надо ли :)
                            0
                            у часов есть один минус — они показывают локальное время моего ПК (ведь так?), а если у меня NTP затерялси? :)
                              0
                              Абсолютно верно, но если вы посмотрите время публикации топика — то поймете, что мне было не до возни с часовыми поясами :)

                              В принципе доработка не сложна — на сервере в скрипт вставляем константу — серверное время по гринвичу. На каждом цикле работы js-скрипт делает не d = new date(), а d = new date(server_time)+delta*k, где delta — насколько у нас «заведено» обновелние таймера (k-й раз), в моем случае 500ms. Далее скрипт остается неизменным.

                              Теоретически можно схему дополнить ajax-запросом на сервер раз в час, для синхронизации.

                              Вообще интересно — подобного рода часы в виде каких то модулей plug-n-play — существуют? Если нет, я бы доработал до ума.

                              P.S. еще интереснее, что часики многим почему то не понравились (минусов было прилично) — но никто не объяснил почему. Это очень жаль, потому что я был бы рад критике (особенно кода)
                                0
                                Теоретически можно схему дополнить ajax-запросом на сервер раз в час, для синхронизации.
                                сталкиваясь с обработкой JS таймеров, могу Вас увереть что этого будет мало :) часы будут отставать на 1-2 секунды в минуту, при интенсивном серфинге, если комп не особо производителен (например мой бук)

                                Вообще интересно — подобного рода часы в виде каких то модулей plug-n-play — существуют? Если нет, я бы доработал до ума.
                                Думаю что мульон :) Самый примитивный — timer аплет для гнома :) Кстати возможно существование сотен сайтов, подобных предложенному Вами, а так же просто подобных тулзов отвечает на Ваш вопрос о минусах — просто Вы очень не оригинальны.

                                Кстати, с Новым годом :)
                                  0
                                  Ну можно и чаще, это же не принципиально.
                                  А можно сделать чтобы и не отставали — ведь никто не мешает вышеописанное дополнить еще чуть-чуть, брать время локальное, один раз вычислять дельту между ним и серверным (+TZ) и дальше ориентироваться только на локальное время с учетом погрешности. Системные то часы не будут отставать на 1-2 секунды в минуту?

                                  Мульон, не мульон — но я не видел ни одного. Апплет для гнома не в счет — имелись ввиду только JS-решения (или апплет для Гнома на JS написан?). Попадаются текстовые часики — их реализация вообще настолько тривиальна, что даже внимания не заслуживает, но это сосвем не то, что в моих часах, так что насчет оригинальности я бы поспорил, ведь никто примера или решения, хоть как то похожего не привел :)

                                  И вас также, сударь :)

                            Только полноправные пользователи могут оставлять комментарии. Войдите, пожалуйста.

                            Самое читаемое