Форум программистов, компьютерный форум, киберфорум
JavaScript
Войти
Регистрация
Восстановить пароль
Блоги Сообщество Поиск Заказать работу  
 
0 / 0 / 0
Регистрация: 27.02.2014
Сообщений: 35

Обратный секундный таймер

27.02.2014, 03:06. Показов 1207. Ответов 0
Метки нет (Все метки)

Студворк — интернет-сервис помощи студентам
Вечер добрый, уважаемые!
Есть обратный таймер, который считает мин. и сек.
Code
1
2
3
4
5
6
7
8
9
10
11
<span id="timer" long="00:29">00:30</span>
<script>
var t = setInterval (function ()
   {
   function f (x) {return (x / 100).toFixed (2).substr (2)}
   var o = document.getElementById ('timer'), w = 60, y = o.innerHTML.split (':'),
   v = y [0] * w + (y [1] - 1), s = v % w, m = (v - s) / w; if (s < 0)
   var v = o.getAttribute ('long').split (':'), m = v [0], s = v [1];
   o.innerHTML = [f (m), f (s)].join (':');
   }, 1000);
</script>
Для задания, мне необходимо, чтобы таймер считал только секунды, предварительно брав значения переменной.
Т.к. я в JS не разбираюсь, прошу вашей помощи разобраться в коде.

Мои догадки:
Допустим наша переменная $time = 59;
Вывод должен выглядеть по идеи так:
Code
1
<span id="timer" long="00:<? echo $time?>">00:<? echo $time?></span>
А теперь по полочкам:
Это, я так понял, задает переменной t выполнение определенного действия раз в 1000 мсек (1 сек).
Code
1
2
3
4
var t = setInterval (function ()
   {
..........
}, 1000);
Без малейшего понятия, что это и для чего:
Code
1
function f (x) {return (x / 100).toFixed (2).substr (2)}
Далее берем значение с html разметки по ид "timer", присваиваем значение переменной w и разбиваем полученную строку из разметки на 2 части, где разделитель ":" ?!
Code
1
var o = document.getElementById ('timer'), w = 60, y = o.innerHTML.split (':'),
Затем проводим математические действия, где y[0] - это значение до ":" и y[1] - после ":";
s - это секунды, однако действие v%w мне не понятно;
m - минуты, тут все понятно (наверное).
Code
1
var o = document.getElementById ('timer'), w = 60, y = o.innerHTML.split (':'),
После берем значение с атрибута "long", разделяя на 2, до : и после, присваивая значения переменным.
Code
1
var v = o.getAttribute ('long').split (':'), m = v [0], s = v [1];
Ну и сам вывод:
Выводим значения переменных для минут и секунд, разделяя :
Code
1
o.innerHTML = [f (m), f (s)].join (':');
Если я что-то не так понял, прошу меня поправить.
За ранее спасибо.

Добавлено через 2 часа 45 минут
Тема не актуальна. Уже разобрался.
0
IT_Exp
Эксперт
34794 / 4073 / 2104
Регистрация: 17.06.2006
Сообщений: 32,602
Блог
27.02.2014, 03:06
Ответы с готовыми решениями:

Обратный таймер времени
Допустим у меня есть div, в котором текст 13:00:00. Как мне сделать таймер на JS до 00:00:00?

Очень нужен обратный таймер ! !
Добрый день всем! Я отблагодарю рублем! Очень нужен скрипт!! Ребята, помогите! Перерыл &quot;весь&quot; инет, но подходящего так...

Таймер. Обратный отсчет времени до начала и конца событий!
Здравствуйте, нужна помощь. Нужен таймер на сайт показывающий сколько &quot;осталось до начала события 1&quot; и &quot;сколько осталось до...

0
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
BasicMan
Эксперт
29316 / 5623 / 2384
Регистрация: 17.02.2009
Сообщений: 30,364
Блог
27.02.2014, 03:06
Помогаю со студенческими работами здесь

Обратный таймер
Всех привествую. На странице идет обновление каждые 5 минут при помощи php header refresh Подскажите пожалуйста простой скрипт обратного...

Секундный Таймер Обратного Отсчета
Всем, здравствуйте!!! Задание в институте - нужно написать под андроид 4.0 &quot;Секундный Таймер Обратного Отсчета&quot;, как все должно...

Таймер в Linux - только по-секундный?
Есть функция timer(long*), с помощью неё можно мерять интервал времени в секундах. В ДОС и Windows есть аналогичная функция, но меряет...

Анимация, имитирующая 60-ти секундный таймер
Здравствуйте. Кто может подсказать, как сделать анимацию уменьшающейся дуги круга, которая плавно уменьшается в течении 60-ти секунд. Нужна...

Обратный таймер
как сделать видимый обратный таймер?


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
1
Ответ Создать тему
Новые блоги и статьи
Очистка реквизитов документа при копировании
Maks 09.04.2026
Алгоритм из решения ниже применим как для типовых, так и для нетиповых документов на самых различных конфигурациях. Задача: при копировании документа очищать определенные реквизиты и табличную. . .
модель ЗдравоСохранения 8. Подготовка к разному выполнению заданий
anaschu 08.04.2026
https:/ / github. com/ shumilovas/ med2. git main ветка * содержимое блока дэлэй из старой модели теперь внутри зайца новой модели 8ATzM_2aurI
Блокировка документа от изменений, если он открыт у другого пользователя
Maks 08.04.2026
Алгоритм из решения ниже реализован на примере нетипового документа, разработанного в конфигурации КА2. Задача: запретить редактирование документа, если он открыт у другого пользователя. / / . . .
Система безопасности+живучести для сервера-слоя интернета (сети). Двойная привязка.
Hrethgir 08.04.2026
Далее были размышления о системе безопасности. Сообщения с наклонным текстом - мои. А как нам будет можно проверить, что ссылка наша, а не подделана хулиганами, которая выбросит на другую ветку и. . .
Модель ЗдрввоСохранения 7: больше работников, больше ресурсов.
anaschu 08.04.2026
работников и заданий может быть сколько угодно, но настроено всё так, что используется пока что только 20% kYBz3eJf3jQ
Дальние перспективы сервера - слоя сети с космологическим дизайном интефейса карты и логики.
Hrethgir 07.04.2026
Дальнейшее ближайшее планирование вывело к размышлениям над дальними перспективами. И вот тут может быть даже будут нужны оценки специалистов, так как в дальних перспективах всё может очень сильно. . .
Горе от ума
kumehtar 07.04.2026
Эта мне ментальная установка, что вот прямо сейчас, мол, мне для полного счастья не хватает (нужное вписать), и когда я этого достигну - тогда и полный кайф. Одна из самых сильных ловушек на пути. . . .
Использование значений реквизитов справочника в документе, с определенными условиями и правами
Maks 07.04.2026
1. Контроль срока действия договора Алгоритм из решения ниже реализован на примере нетипового документа "ЗаявкаНаРаботу", разработанного в конфигурации КА2. Задача: уведомлять пользователя, если. . .
КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2026, CyberForum.ru