VPF::Таймер - Форум программистов

Paola

Дата 18.1.2004, 13:53 (ссылка)

(голосов: 0)

Загрузка ...

Unregistered

Уважаемые форумчане !
Помогите чайнику. У меня проблема следующего плана:
Хотелось бы что бы на странице показывалось сколько пользователь находится на ней в формате мм:сс. С помощью двух опреаторов setInterval элементарно получается создать два счетчика: один считает минуты, другой секунды. А вот как их совместить друг с другом не пойму. Условие: нужно создать такие часики только с sеtTimeout или setInterval.
Нужно что бы когда счетчик секунд сделал первый круг, он обнулялся, а на счетчике минут появлялось 1 мин, а счетчик секунд считал бы дальше. Реально ли это сделать в JavaScript?
С уважением Ольга

Sardar

Дата 18.1.2004, 15:18 (ссылка)

(нет голосов)

Загрузка ...

Бегун

Профиль
Группа: Модератор
Сообщений: 6986
Регистрация: 19.4.2002
Где: Нидерланды, Groni ngen

Репутация: 78
Всего: 317

Достаточно считать только секунды, можно так:

Код


<script language="Javascript" type="text/javascript">
mins=59;
secs=57;
function time() {
 if(++secs>=60) {
  secs=0;
  if(++mins>=60) {
   mins=0;
   document.all.min.style.background="#ff0000"; //время вышло
  }
 }
 document.all.min.innerText=mins;
 document.all.sec.innerText=secs;
 window.setTimeout("time();",1000);
}
</script>
</head>
<body onLoad='window.setTimeout("time();",1000);'>
<table>
<tr><td id=min>0</td><td id=sec>0</td></tr>
</table>

--------------------

Опыт - сын ошибок трудных © А. С. Пушкин
Процесс написания своего велосипеда повышает профессиональный уровень программиста. © Opik
Оценить мои качества можно тут.

Paola

Дата 18.1.2004, 23:13 (ссылка)

(голосов: 0)

Загрузка ...

Unregistered

Спасибо огромное, Sardar.
Перед тем как посмотреть ответил ли мне кто нибудь я уже поняла, что можно делать только один счетчик, а второй сделать зависимым от него. Вот только как это реализовать сама не додумалась ))).
Я немножко переделала Ваш код. А то при начальных условиях в Вашем коде сначала не было нулей. Вобщем вот что получилось ))) :

<html>
<head>
<title>Таймер</title>
<script>
setTimeout("time()",1000);
mins=0;
secs=0;
function time() {
secs++;
if(secs>59) {
secs=0;
mins++;
if(mins>59) {
mins=0;
}
}
sec.innerHTML=zero(secs);
mint.innerHTML=mins;
setTimeout("time();",1000);
}

function zero(num) {
return (num < 10)? "0" + num:num;
}
</script>
</head>
<body'>
<table>
<tr><td>Вы находитесь на этой странице</td><td id="mint">0</td>
<td>мин</td><td id="sec">0</td><td>сек</td></tr>
</table>
</body>
</html>

Еще раз спасибо )))

Sardar

Дата 18.1.2004, 23:30 (ссылка)

(нет голосов)

Загрузка ...

Бегун

Профиль
Группа: Модератор
Сообщений: 6986
Регистрация: 19.4.2002
Где: Нидерланды, Groni ngen

Репутация: 78
Всего: 317

С mins=59; secs=57; я хотел показать что пользователь может находится на странице больше чем один час. Впрочем тебе решать

.
Используй innerText если меняешь просто текст.

--------------------

adamant

Дата 5.3.2006, 22:53 (ссылка)

(нет голосов)

Загрузка ...

Шустрый

Профиль
Группа: Участник
Сообщений: 50
Регистрация: 1.3.2006
Где: Москва

Репутация: нет
Всего: нет

А как сделать так, что бы считать в обратном направлении? Например...
Начальное положение = 59м : 59с
А после достижения 00 : 00
Счётчик сбрасывался сново на начальное положение?

12345c

Дата 5.3.2006, 23:22 (ссылка)

(нет голосов)

Загрузка ...

Круглый

Профиль
Группа: Vingrad developer
Сообщений: 2018
Регистрация: 26.12.2005
Где: наша не пропадала ?

Репутация: 57
Всего: 101

http://js2.ru/example/JsPrimeryCode-46.htm

(При достижении 00:00 сменится час, но его можно не показывать.)

Это сообщение отредактировал(а) 12345c - 3.3.2008, 17:06

--------------------

Google Code Playground - онлайн-отладка своих примеров HTML+JS без регистрации, с сохранением по URL, без кириллицы. Go

0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема \| JavaScript: Общие вопросы \| Следующая тема »