Перейти к содержимому


Фотография
- - - - -

Таймер обратного отсчета времени


Лучший Ответ Lain , 05 Январь 2014 - 16:40

Всё же очень просто  :dada: 

Качай архив


html
 

<div id="counter"></div>
  <div class="desc">
    <div>Дни</div>
    <div>Часы</div>
    <div>Минуты</div>
    <div>Секунды</div>
  </div>
  <a href="" onclick="$('#counter').countdown('pause');return false">Пауза</a> | <a href="" onclick="$('#counter').countdown('start');return false">Старт</a>
  <br />
  <br />
  <br />
  <div id="counter_2"></div>
  <div class="desc">
    <div>Минуты</div>
    <div>Секунды</div>
  </div>

.CSS

br { clear: both; }
      .cntSeparator {
        font-size: 54px;
        margin: 10px 7px;
        color: #000;
      }
      .desc { margin: 7px 3px; }
      .desc div {
        float: left;
        font-family: Arial;
        width: 70px;
        margin-right: 65px;
        font-size: 13px;
        font-weight: bold;
        color: #000;
      }


JS
 

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js" type="text/javascript"></script>
    <script src="js/jquery.countdown.js" type="text/javascript"></script>
    <script type="text/javascript">
      $(function(){
        $('#counter').countdown({
          image: 'img/digits.png',
          startTime: '01:12:12:00'
        });

        $('#counter_2').countdown({
          image: 'img/digits.png',
          startTime: '00:10',
          timerEnd: function(){ alert('Время вышло!'); },
          format: 'mm:ss'
        });
      });
    </script>
Перейти к сообщению


  • Закрытая тема Тема закрыта
Сообщений в теме: 8

#1 Оффлайн   karin

    Пользователь


  • Пользователи
  • Репутация
    -4
    • Cообщений: 48
    • Форум:3.3.х

Отправлено 05 Январь 2014 - 14:06

Здравствуйте,как вы поняли по назаванию темы,так вот как же сделать таймер обратного отсчета времени?Подскажите пожалуйсто.


  • -2

Заработок и обучение заработку

#2 Онлайн   ..ツ⋆WOLF⋆ツ..

    Гуру


  • Модераторы
  • Репутация
    1 801
    • Cообщений: 8 175
    • Форум:3.4.х
    • Город:Казань

Отправлено 05 Январь 2014 - 14:08

ввсети в гугле: скрипт таймера обратного отсчета, далее прочитать инструкцию по установке, и сделать так как там написано


  • 0

#3 Оффлайн   karin

    Пользователь


  • Пользователи
  • Репутация
    -4
    • Cообщений: 48
    • Форум:3.3.х

Отправлено 05 Январь 2014 - 14:09

ввсети в гугле: скрипт таймера обратного отсчета, далее прочитать инструкцию по установке, и сделать так как там написано

Я там смотрел,что-то непойму)


  • 0

#4 Онлайн   ..ツ⋆WOLF⋆ツ..

    Гуру


  • Модераторы
  • Репутация
    1 801
    • Cообщений: 8 175
    • Форум:3.4.х
    • Город:Казань

Отправлено 05 Январь 2014 - 14:16

ну за вас тоже понимать никто не будет + гадать тем более никто не собирается.


  • 0

#5 Оффлайн   OriGinaL

    Добрый человек


  • Пользователи
  • Репутация
    276
    • Cообщений: 1 515

Отправлено 05 Январь 2014 - 15:44

 

ввсети в гугле: скрипт таймера обратного отсчета, далее прочитать инструкцию по установке, и сделать так как там написано

Я там смотрел,что-то непойму)

 

Уважаемый за что вы ставите минусы? вам же ответы дали вроде, не красиво как то с вашей стороны

www.onlinetimer.ru
www.timegenerator.ru/

пользуйтесь


  • 2

#6 Оффлайн   karin

    Пользователь


  • Пользователи
  • Репутация
    -4
    • Cообщений: 48
    • Форум:3.3.х

Отправлено 05 Январь 2014 - 16:29

Извините мне сказали вставить это

<script type="text/javascript" src="

Пожалуйста Войдите или Зарегистрируйтесь чтобы видеть скрытое содержание

 

а куда?


  • 0

#7 Оффлайн   OriGinaL

    Добрый человек


  • Пользователи
  • Репутация
    276
    • Cообщений: 1 515

Отправлено 05 Январь 2014 - 16:31

а куда вы хотели поставить этот обратный отсчет?


  • 0

#8 Оффлайн   karin

    Пользователь


  • Пользователи
  • Репутация
    -4
    • Cообщений: 48
    • Форум:3.3.х

Отправлено 05 Январь 2014 - 16:39

На форум,сбоку


  • 0

#9 Оффлайн   Lain

    Активный


  • Пользователи
  • Репутация
    20
    • Cообщений: 171
    • Форум:3.4.х
    • Город:Караганда

Отправлено 05 Январь 2014 - 16:40   Лучший Ответ

Всё же очень просто  :dada: 

Качай архив
Прикрепленный файл  Таймер обратного отсчёта.rar   427,41К    скачиваний 6

html
 

<div id="counter"></div>
  <div class="desc">
    <div>Дни</div>
    <div>Часы</div>
    <div>Минуты</div>
    <div>Секунды</div>
  </div>
  <a href="" onclick="$('#counter').countdown('pause');return false">Пауза</a> | <a href="" onclick="$('#counter').countdown('start');return false">Старт</a>
  <br />
  <br />
  <br />
  <div id="counter_2"></div>
  <div class="desc">
    <div>Минуты</div>
    <div>Секунды</div>
  </div>

.CSS

br { clear: both; }
      .cntSeparator {
        font-size: 54px;
        margin: 10px 7px;
        color: #000;
      }
      .desc { margin: 7px 3px; }
      .desc div {
        float: left;
        font-family: Arial;
        width: 70px;
        margin-right: 65px;
        font-size: 13px;
        font-weight: bold;
        color: #000;
      }


JS
 

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js" type="text/javascript"></script>
    <script src="js/jquery.countdown.js" type="text/javascript"></script>
    <script type="text/javascript">
      $(function(){
        $('#counter').countdown({
          image: 'img/digits.png',
          startTime: '01:12:12:00'
        });

        $('#counter_2').countdown({
          image: 'img/digits.png',
          startTime: '00:10',
          timerEnd: function(){ alert('Время вышло!'); },
          format: 'mm:ss'
        });
      });
    </script>

  • 0