ANTICHAT.XYZ    VIDEO.ANTICHAT.XYZ    НОВЫЕ СООБЩЕНИЯ    ФОРУМ  
Баннер 1   Баннер 2
Antichat снова доступен.
Форум Antichat (Античат) возвращается и снова открыт для пользователей. Здесь обсуждаются безопасность, программирование, технологии и многое другое. Сообщество снова собирается вместе.
Новый адрес: forum.antichat.xyz
Вернуться   Форум АНТИЧАТ > Программирование > PHP, PERL, MySQL, JavaScript
   
Ответ
 
Опции темы Поиск в этой теме Опции просмотра

Вопрос по HTML. Создать таймер отсчета.
  #1  
Старый 26.05.2010, 17:56
Аватар для b@ron
b@ron
Новичок
Регистрация: 12.08.2009
Сообщений: 8
Провел на форуме:
94860

Репутация: 0
По умолчанию Вопрос по HTML. Создать таймер отсчета.

Таймер, красного цвета, отсчет времени, скажем - 14:00
и время начинает отсчитываться - 13:59, 13:58 и тд

Как такое сделать?
 
Ответить с цитированием

  #2  
Старый 26.05.2010, 17:57
Аватар для NeoX
NeoX
Познающий
Регистрация: 23.08.2008
Сообщений: 95
Провел на форуме:
585487

Репутация: 45
Отправить сообщение для NeoX с помощью ICQ
По умолчанию

на хтмл это нельзя сделать. О_о
 
Ответить с цитированием

  #3  
Старый 26.05.2010, 18:06
Аватар для gold-goblin
gold-goblin
Познавший АНТИЧАТ
Регистрация: 26.03.2007
Сообщений: 1,095
Провел на форуме:
5265510

Репутация: 455


По умолчанию

Цитата:
чечня в огне.. здесь не Авган...
И матерясь, мешая грязь,
Дождем свинца сметая мразь!
Да Да, тебя не поняли что ты имел в виду джава скрипт.
 
Ответить с цитированием

  #4  
Старый 26.05.2010, 19:17
Аватар для phpdreamer
phpdreamer
Постоянный
Регистрация: 26.07.2009
Сообщений: 321
Провел на форуме:
444589

Репутация: 123
Отправить сообщение для phpdreamer с помощью ICQ
По умолчанию

гугл рулит
http://tods-blog.com.ua/web-development/countdown-clock/
 
Ответить с цитированием

  #5  
Старый 27.05.2010, 10:57
Аватар для o4zloy
o4zloy
Новичок
Регистрация: 25.05.2010
Сообщений: 5
Провел на форуме:
28444

Репутация: 0
По умолчанию

На ХТМЛ такого конечно не сделать, лучше всего использовать AJAX для подобной цели.
Передо мной стояла когда-то давно такая задача, аякса толком не знал, но нашел другой выход.

Этот код, ставим в хтмл.
Код:
<!--таймер-->
<style>div#timer{color:#FF0000;}</style>
<script language="javascript">	
var limit = 360; // в секундах
function processTimer(){
  if (limit > 0) {
    setTimeout("processTimer()",1000);
    limit--;
  } else {
    location.reload(true);
  }
  var limit_div = parseInt(limit/60); // минуты
  var limit_mod = limit - limit_div*60; // секунды
  // строка с оставшимся временем
  limit_str = "&nbsp;&nbsp;";
  if (limit_div < 10) limit_str = limit_str + "0";
  limit_str = limit_str + limit_div + ":";
  if (limit_mod < 10) limit_str = limit_str + "0";
  limit_str = limit_str + limit_mod + "&nbsp;&nbsp;";      
  // вывод времени
  el_timer = document.getElementById("timer");
  if (el_timer) el_timer.innerHTML = limit_str;
}
processTimer();
</script>
<div id="timer"></div>
Тег <div id="timer"></div>, ставим туда где нужен счетчик, в стилях шлифуем.

Плюс скрипта: простота и мизирный обьем, ничего лишнего;
Минус скрипта: var limit = 360; // время в секундах тут прописано статично, в результате при обновлении страницы счетчик сбрасывается, и отсчет начинается заново. Но с помощью пхп это решаемо.
 
Ответить с цитированием

  #6  
Старый 27.05.2010, 12:12
Аватар для emmy
emmy
Новичок
Регистрация: 12.10.2009
Сообщений: 20
Провел на форуме:
14519

Репутация: 41
По умолчанию

Код:
<div id="timer"></div>
<style>
#timer { color:#FF0000; }
</style>
<script>

(function (node, padd)
{
    var limit  = 360;
    var format = 'Hours:Minutes:Seconds';

    var timer = setInterval(function ()
    {
        if (limit-- > 0)
        {
            var date = new Date(limit * 1000);

            node.innerHTML = format.replace(/\w+/g, function (m)
            {
                var s = date['getUTC' + m]().toString(10);

                return padd[s.length] + s;
            });
        }
        else
        {
            clearInterval(timer);
        }
    }, 1000);
}(document.getElementById('timer'), ['00', '0', '', '', '']));

</script>
Цитата:
На ХТМЛ такого конечно не сделать, лучше всего использовать AJAX для подобной цели.
Передо мной стояла когда-то давно такая задача, аякса толком не знал, но нашел другой выход.
Кстати аяксом все называют то, чего сами не понимают или понимают не полностью - самое точное определение похоже =)
 
Ответить с цитированием

  #7  
Старый 27.05.2010, 18:02
Аватар для o4zloy
o4zloy
Новичок
Регистрация: 25.05.2010
Сообщений: 5
Провел на форуме:
28444

Репутация: 0
По умолчанию

Хз, как его кто понимает, я его поверхностно изучал пока, практиковать серьезно не приходилось, так, по мелочам.
Но сам принцип подобной организации работы яваскрипта нравится, и в плане распределенных запросов(асинхронизации), и производительности.

Вот жду хтмл5, там вродь как тож обещают нечто подобное.

п.с. отдельное спс за упрощения скрипта=)
 
Ответить с цитированием
Ответ



Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Proxy FAQ foreva Чужие Статьи 12 04.01.2008 12:15
Что-то типа статьи по Html. Allen Болталка 8 03.03.2006 21:38
Вопрос про Html теги West-tom Уязвимости 5 07.03.2005 18:40



Здесь присутствуют: 1 (пользователей: 0 , гостей: 1)
 


Быстрый переход




ANTICHAT.XYZ