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

Таймер с отсчетом от нуля

30.08.2014, 17:48. Показов 3091. Ответов 5
Метки нет (Все метки)

Студворк — интернет-сервис помощи студентам
Здравствуйте, как сделать таймер для сайта на Wordpress с отсчетом с нуля, вида 00:00:00.
При нажатии по таймеру чтобы начинал считать 1,2,3,4,5 и т.д. И также по клику останавливаться.
Поделитесь кодом, как сделать?
0
IT_Exp
Эксперт
34794 / 4073 / 2104
Регистрация: 17.06.2006
Сообщений: 32,602
Блог
30.08.2014, 17:48
Ответы с готовыми решениями:

Таймер с обратным отсчетом
Всем привет. Нужен таймер с обратным отсчетом. К примеру есть кнопка, при нажатии на нее выполняется некоторое действие (php скрипт) и в...

Создать таймер с обратным отсчетом
Нашел скрипт текущего времени с использованием графики, и вот не знаю как под таймер сделать. более подробные характеристики таймера...

Таймер с отсчетом цифр от значения и до бесконечности с определенным значением изменения в секунду
Добрый день! Появилась необходимость сделать счтчик (или как его назвать...) с отсчетом от определенной цифры. Нужно, чтобы отсчет шел...

5
не Администратор ^_^
 Аватар для Unick
988 / 223 / 23
Регистрация: 03.05.2009
Сообщений: 1,493
Записей в блоге: 1
01.09.2014, 02:38
Лучший ответ Сообщение было отмечено Ferzet как решение

Решение

таймер это 5,4,3,2,1
а 1,2,3,4,5 это секундомер
http://info-comp.ru/obuchenies... watch.html
1
супермизантроп
Эксперт JS
3941 / 2979 / 692
Регистрация: 18.04.2012
Сообщений: 8,629
01.09.2014, 02:53
00:00:00 - это формат ЧЧ-ММ-СС
и зачем вам часы (ЧЧ)?
вы точно уверены, что найдётся хоть один пользователь, который просидит на вашей странице более 60-ти минут?

неужто у вас на странице так много интересной информации, чтобы просматривать её часами?
или это вы "для красоты"?
0
0 / 0 / 0
Регистрация: 28.06.2013
Сообщений: 114
01.09.2014, 10:42  [ТС]
Unick, спасибо, то что нужно, а я все таймер, таймер) Еще вопросик я в JS ничего не мыслю, как из него можно убрать мили секунды, а также сделать остановку/запуск по клику на сам таймер и как это все запилить на wordpress?

JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
<script language="JavaScript" type="text/javascript">
//объявляем переменные
var base = 60; 
var clocktimer,dateObj,dh,dm,ds,ms; 
var readout=''; 
var h=1, m=1, tm=1,s=0,ts=0,ms=0,show=true, init=0, ii=0; 
//функция для очистки поля
function clearСlock() { 
    clearTimeout(clocktimer); 
    h=1;m=1;tm=1;s=0;ts=0;ms=0; 
    init=0;show=true; 
    readout='00:00:00.00'; 
    document.TestForm.stopwatch.value=readout; 
    ii = 0; 
} 
//функция для старта секундомера
function startTIME() { 
    var cdateObj = new Date(); 
    var t = (cdateObj.getTime() - dateObj.getTime())-(s*1000); 
    if (t>999) { s++; } 
    if (s>=(m*base)) { 
        ts=0; 
        m++; 
    } else { 
        ts=parseInt((ms/100)+s); 
        if(ts>=base) { ts=ts-((m-1)*base); } 
    } 
    if (m>(h*base)) { 
        tm=1; 
        h++; 
    } else { 
        tm=parseInt((ms/100)+m); 
        if(tm>=base) { tm=tm-((h-1)*base); } 
    } 
    ms = Math.round(t/10); 
    if (ms>99) {ms=0;} 
    if (ms==0) {ms='00';} 
    if (ms>0&&ms<=9) { ms = '0'+ms; } 
    if (ts>0) { ds = ts; if (ts<10) { ds = '0'+ts; }} else { ds = '00'; } 
    dm=tm-1; 
    if (dm>0) { if (dm<10) { dm = '0'+dm; }} else { dm = '00'; } 
    dh=h-1; 
    if (dh>0) { if (dh<10) { dh = '0'+dh; }} else { dh = '00'; } 
    readout = dh + ':' + dm + ':' + ds + '.' + ms; 
    if (show==true) { document.TestForm.stopwatch.value = readout; } 
    clocktimer = setTimeout("startTIME()",1); 
} 
//функция для паузы
function pause() { 
    if (init==0) { dateObj = new Date(); 
    startTIME(); 
    init=1; 
    } else { if(show==true) { 
    show=false; 
    } else { show=true; } } 
} 
</script> 
<!--Форма для Секундомера-->
<form name=TestForm>   
    <input type=button value="Обнулить" onclick="clearСlock()">  
    <input name=stopwatch size=10 value="00:00:00.00">  
    <input type=button value="Запуск/Остановить" onclick="pause()"> 
</form>
0
супермизантроп
Эксперт JS
3941 / 2979 / 692
Регистрация: 18.04.2012
Сообщений: 8,629
01.09.2014, 15:31
Лучший ответ Сообщение было отмечено Ferzet как решение

Решение

HTML5
1
2
3
4
5
6
<b id="mT" onclick="if (!self.TIM) TIM = setInterval (function ()
{var s = document.getElementById ('mT'),
f = function (x) {return (x / 100).toFixed (2).substr (2)}, d = ':',
y = s.innerHTML.split (d), z = ++y [2] + y [0] * 3.6e3 + y [1] * 60;
s.innerHTML = [f (Math.floor (z / 3600)), f (Math.floor (z % 3600 / 60)),
f (z % 3600 % 60)].join (d)}, 1000); else clearInterval (TIM)">00:00:00</b>
если нужен секундомер с возможностью "сделать паузу", то в конец скрипт-кода добавьте:
...; else clearInterval (TIM), TIM = 0">
1
0 / 0 / 0
Регистрация: 28.06.2013
Сообщений: 114
01.09.2014, 20:03  [ТС]
kalabuni, спасибо, все встало как надо!
0
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
BasicMan
Эксперт
29316 / 5623 / 2384
Регистрация: 17.02.2009
Сообщений: 30,364
Блог
01.09.2014, 20:03
Помогаю со студенческими работами здесь

Таймер с обратным отсчетом
Здравствуйте. Подскажите, пожалуйста, как реализовать обратный счет в коде: #define F_CPU 8000000L #include &lt;avr/io.h&gt; ...

Таймер с обратным отсчётом
DateTime now = DateTime.Now; DateTime end = Convert.ToDateTime(&quot;23:00:00&quot;); public Form1() { ...

Таймер с обратным отсчетом
Нужно сделать таймер с интервалом 15 минут и, что бы обратный отсчет выводился в label

Таймер с обратным отсчетом
Здравствуйте! Нужен таймер с обратным отсчетом, чтобы он обновлялся, при переходе на другую страницу, или обновлении страницы. По окончании...

Таймер с отсчетом времени
Здравствуйте! Нужно создать таймер, который будет отсчитывать время в таком виде: (День, Час, Минута, Секунда) Т.е. что бы на...


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

Или воспользуйтесь поиском по форуму:
6
Ответ Создать тему
Новые блоги и статьи
Установка CMake и MinGW 13.1 для сборки С и C++ приложений из консоли и из Qt Creator в EXE
8Observer8 10.03.2026
MinGW - это коллекция инструментов для сборки приложений в EXE. CMake - это система сборки приложений в EXE. Здесь описаны базовые шаги для старта программирования с помощью CMake и MinGW. Для набора. . .
Как дизайн сайта влияет на конверсию: 7 решений, которые реально повышают заявки
Neotwalker 08.03.2026
Многие до сих пор воспринимают дизайн сайта как “красивую оболочку”. На практике всё иначе: дизайн напрямую влияет на то, оставит человек заявку или уйдёт через несколько секунд. Даже если у вас. . .
Модульная разработка через nuget packages
DevAlt 07.03.2026
Сложившийся в . Net-среде способ разработки чаще всего предполагает монорепозиторий в котором находятся все исходники. При создании нового решения, мы просто добавляем нужные проекты и имеем. . .
Модульный подход на примере F#
DevAlt 06.03.2026
В блоге дяди Боба наткнулся на такое определение: В этой книге («Подход, основанный на вариантах использования») Ивар утверждает, что архитектура программного обеспечения — это структуры,. . .
Управление камерой с помощью скрипта OrbitControls.js на Three.js: Вращение, зум и панорамирование
8Observer8 05.03.2026
Содержание блога Финальная демка в браузере работает на Desktop и мобильных браузерах. Итоговый код: orbit-controls-threejs-js. zip. Сканируйте QR-код на мобильном. Вращайте камеру одним пальцем,. . .
SDL3 для Web (WebAssembly): Синхронизация спрайтов SDL3 и тел Box2D
8Observer8 04.03.2026
Содержание блога Финальная демка в браузере. Итоговый код: finish-sync-physics-sprites-sdl3-c. zip На первой гифке отладочные линии отключены, а на второй включены:. . .
SDL3 для Web (WebAssembly): Идентификация объектов на Box2D v3 - использование userData и событий коллизий
8Observer8 02.03.2026
Содержание блога Финальная демка в браузере. Итоговый код: finish-collision-events-sdl3-c. zip Сканируйте QR-код на мобильном и вы увидите, что появится джойстик для управления главным героем. . . .
Реалии
Hrethgir 01.03.2026
Нет, я не закончил до сих пор симулятор. Эта задача сложнее. Не получилось уйти в плавсостав, но оно и к лучшему, возможно. Точнее получалось - но сварщиком в палубную команду, а это значит, в моём. . .
КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2026, CyberForum.ru