Antichat снова доступен.
Форум Antichat (Античат) возвращается и снова открыт для пользователей.
Здесь обсуждаются безопасность, программирование, технологии и многое другое.
Сообщество снова собирается вместе.
Новый адрес: forum.antichat.xyz
 |
Вопрос по HTML. Создать таймер отсчета. |

26.05.2010, 17:56
|
|
Новичок
Регистрация: 12.08.2009
Сообщений: 8
Провел на форуме: 94860
Репутация:
0
|
|
Вопрос по HTML. Создать таймер отсчета.
Таймер, красного цвета, отсчет времени, скажем - 14:00
и время начинает отсчитываться - 13:59, 13:58 и тд
Как такое сделать?
|
|
|

26.05.2010, 17:57
|
|
Познающий
Регистрация: 23.08.2008
Сообщений: 95
Провел на форуме: 585487
Репутация:
45
|
|
на хтмл это нельзя сделать. О_о
|
|
|

26.05.2010, 18:06
|
|
Познавший АНТИЧАТ
Регистрация: 26.03.2007
Сообщений: 1,095
Провел на форуме: 5265510
Репутация:
455
|
|
чечня в огне.. здесь не Авган...
И матерясь, мешая грязь,
Дождем свинца сметая мразь!
Да Да, тебя не поняли что ты имел в виду джава скрипт.
|
|
|

26.05.2010, 19:17
|
|
Постоянный
Регистрация: 26.07.2009
Сообщений: 321
Провел на форуме: 444589
Репутация:
123
|
|
гугл рулит
http://tods-blog.com.ua/web-development/countdown-clock/
|
|
|

27.05.2010, 10:57
|
|
Новичок
Регистрация: 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 = " ";
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 + " ";
// вывод времени
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; // время в секундах тут прописано статично, в результате при обновлении страницы счетчик сбрасывается, и отсчет начинается заново. Но с помощью пхп это решаемо.
|
|
|

27.05.2010, 12:12
|
|
Новичок
Регистрация: 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 для подобной цели.
Передо мной стояла когда-то давно такая задача, аякса толком не знал, но нашел другой выход.
Кстати аяксом все называют то, чего сами не понимают или понимают не полностью - самое точное определение похоже =)
|
|
|

27.05.2010, 18:02
|
|
Новичок
Регистрация: 25.05.2010
Сообщений: 5
Провел на форуме: 28444
Репутация:
0
|
|
Хз, как его кто понимает, я его поверхностно изучал пока, практиковать серьезно не приходилось, так, по мелочам.
Но сам принцип подобной организации работы яваскрипта нравится, и в плане распределенных запросов(асинхронизации), и производительности.
Вот жду хтмл5, там вродь как тож обещают нечто подобное.
п.с. отдельное спс за упрощения скрипта=)
|
|
|
|
 |
|
Здесь присутствуют: 1 (пользователей: 0 , гостей: 1)
|
|
|
|