Форум

bayanruby · #1 (**permalink**) 10.09.2013, 19:23

у меня на картинке есть кнопка play
по нажатию должен автоматически запуститься секундомер слева
на сервере я всё норм сделал, а вот как на клиенте сделать - не знаю, даже идей нет (

Подскажите как можно реализовать?

bayanruby · #2 (**permalink**) 10.09.2013, 19:56

хм, появилась идейка

с помощью селектора выбрать включенные поля
и потом прогнать через .each
а в each каждый выбранный элемент прогонять через функцию которая будет работаь как секундомер..

норм?

рони · #3 (**permalink**) 10.09.2013, 21:07

интересно чем озадачен тс?

bayanruby · #4 (**permalink**) 11.09.2013, 01:10

в смысле?

рони · #5 (**permalink**) 11.09.2013, 01:22

Сообщение от bayanruby

в смысле?

Сообщение от bayanruby

Подскажите как можно реализовать?

что именно реализовать? где код? описание параметры?

рони · #6 (**permalink**) 11.09.2013, 03:50

Сообщение от bayanruby

норм?

нормально

<!DOCTYPE>
<html>
<head>
  <title></title>
  <meta charset="utf-8">
  <script src="http://code.jquery.com/jquery-latest.js"></script>
  <script>
   $(function ()
   		{
   				var timers, ret;
   				$(":button")
   				.click(function ()
   						{
   								$(this)
   								.val("\u25b6" == $(this)
   										.val()? "\u25fc": "\u25b6")
   								.prev()
   								.data(
   										{
   										timer: (new Date)
   												.getTime()
   										}
   								)
   								.toggleClass("timer");
   								timers = $(".timer");
   								timers.size() && Timer()
   						}
   				);

   				function two(a) {
   						return (9 < a? "": "0") + a
   				}

   				function formatTime(a) {
   						a = Math.floor(a / 1E3);
   						var b = Math.floor(a / 60),
   						c = Math.floor(b / 60);
   						a %= 60;
   						b %= 60;
   						return two(c) + " : " + two(b) + " : " + two(a)
   				}

   				function Timer() {
   						window.clearTimeout(ret);
   						timers.each(function (a, b)
   								{
   										var c = (new Date)
   										.getTime() - $(b)
   										.data("timer") | 0,
   										c = formatTime(c);
   										$(b)
   										.html(c)
   								}
   						);
   						timers.size() && (ret = window.setTimeout(Timer, 1000))
   				};

   		}
   );
  </script>
</head>
<body>
<span >00 : 00 : 00</span><input name="" type="button" value="▶"><br>
<span >00 : 00 : 00</span><input name="" type="button" value="▶"><br>
<span >00 : 00 : 00</span><input name="" type="button" value="▶"><br>
</body>
</html>

keen · #7 (**permalink**) 11.09.2013, 15:52

рони,
не, не норм.
маловато глобальных переменных, слабовато запутан код.
переписывай.

bayanruby · #8 (**permalink**) 12.09.2013, 22:54

главное, что работает)

Форум

Справочник

Discord чат

Курсы javascript