1

Помогите написать таймер на JavaScript. Нужно чтобы он отсчитывал время до заданной даты (время читается с компа). Выводиться таймер должен так:

<span class="count-hour-1">1</span>
<span class="count-hour-2">0</span>
:
<span class="count-min-1">1</span>
<span class="count-min-2">7</span>
:
<span class="count-sec-1">5</span>
<span class="count-sec-2">9</span>

Дней нет, так что если дней больше чем 1, нужно переводить их в часы. (Например 2 дня - 48 часов).

Киньте ссылки, если такой таймер уже где то реализован. Я не нашел к сожалению.

3 ответа 3

3

Тут есть пример

Вот тут есть пример таймера с обратным отсчетом, надеюсь с тем, как воспользоваться этим таймеров в своих целях вы разберетесь.

<script type="text/javascript">
function timer(){
 var obj=document.getElementById('timer_inp');
 obj.innerHTML--;

 if(obj.innerHTML==0){alert('Hello');setTimeout(function(){},1000);}
 else{setTimeout(timer,1000);}
}
setTimeout(timer,1000);
</script>
<div id="timer_inp">10</div>

Добавлено

Как сделать из этого то, что тебе нужно:

  1. Делаем переменную (далее T), которая отвечает за оставшееся время (можно в секундах) (немного погуглить или задать правильные вопросы, и можно узнать как это сделать).
  2. В таймере, уменьшаешь из этой переменной T вычитаем 1 секунду (тут особо ума не надо, просто небольшие навыки в программировании. Опять же можно погуглить).
  3. Также в таймере переводим эту переменную Т в 6 цифр, и помещаем их нужные нам элементы (аналогично, узнать можно).

Итог: Если вы не лентяй, то сможете разобраться с этим сами :)

4
  • Я не очень силен в js. Мне нужен готовый вариант. 15 авг 2013 в 12:44
  • 4
    Тогда тебе на биржу фрилансеров в качестве заказчика
    – Speller
    15 авг 2013 в 12:46
  • @DmitryScaletta, Согласно правилам форума, вопросы не должны сводиться к решению либо завершению учебных заданий за учащихся. Пожалуйста, уточните, что вы сделали сами и что не получилось.
    – Palmervan
    15 авг 2013 в 12:47
  • 2
    @DmitryScaletta дописал немного, может поможет разобраться с этим :)
    – IVsevolod
    15 авг 2013 в 13:09
2

Вот, кажется, то, что вам нужно.

UPD: Вот вам практически готовое решение. Вам остается лишь написать вывод в html.

    <script type="text/javascript">
function Timer (date) {
    var s = (new Date(date)).getTime() - (new Date()).getTime();
    s = parseInt(s / 1000);

    var h = parseInt(s / 3600);
    s -= h * 3600;
    var m = parseInt(s / 60);
    s -= m * 60;

    console.log(h + ':' + m + ':' + s);
    
    if ((new Date(date)).getTime() >= (new Date()).getTime()) setTimeout('Timer(\'' + date + '\');', 1000);
}

Timer('September 1, 2013');
</script>
2
  • к сожалению немного не то: "Для создания таймера будем отталкиваться от стартового времени указанного в секундах, в примере 7200 (2 часа). Сначала из скрытого блока <div style="display: none" class="ts">7200</div>" А мне нужен отсчет до определенной даты, а не конкретный промежуток 15 авг 2013 в 12:49
  • Так, расчитайте сколько надо до определенной даты.
    – IVsevolod
    15 авг 2013 в 13:11
0

Этот должен подойти: Таймер обратного отсчета на jQuery

Ваш ответ

Нажимая на кнопку «Отправить ответ», вы соглашаетесь с нашими пользовательским соглашением, политикой конфиденциальности и политикой о куки

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.