19 июля 2010 г.

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

Понадобилось установить на страницу счетчик который отсчитывает сколько времени осталось до истечения 15 минут.
Не смотря на то, что в сети полно примеров, многие из них не комментированы и поэтому не понятны людям не сильно знакомым с JS (как я например).
Собственно сам таймер.
Место для вывода результата текстовое поле
Осталось:

минут!
собственно сам код скрипта

В этой строчке задается время отсчета в миллисекундах. При желании можно модифицировать код так, что он будет показывать обратный отсчет не минут, а допустим секунд с десятыми или сотыми долями.
Для этого заменяем 1000 на 100 тут
setTimeout("display()",1000)
А так же замените в коде все 14 на 29 и 59 на 9 или 99.

Внимание Не стоит использовать этот код в таких случаях как задержка перед выполнением какого-то скрипта (аля rapida.com), т.к. данное значение легко подменить пользователем. Для решения подобной задачи используйте контроль времени на стороне сервера, а данный код просто для информирования пользователя

2 комментария:

  1. А вот не работает не выводит ни чего в поле...Почему не знаю...

    ОтветитьУдалить
  2. а javascript не отключен в браузере и не блокируется никами расширениями? Попробуйте запустить IE (без надстроек)

    ОтветитьУдалить