Модераторы: Sardar, Aliance

Поиск:

Ответ в темуСоздание новой темы Создание опроса
> Отсчет времени. пишем простой таймер на setInterval() 
:(
    Опции темы
Хоббит
Дата 10.12.2005, 15:59 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Эксперт
***


Профиль
Группа: Завсегдатай
Сообщений: 1263
Регистрация: 6.11.2005

Репутация: нет
Всего: 1
Нужен такой простой скриптик. После зугрузки страницы. Появляется индикатор времени 20, потом меняется на 19 18 17 и.т.д. .. до 0 .. после истеченея времени грузится другая страница или запускается другой сценарий (не важно)
PM MAIL   Вверх
GIK
Дата 10.12.2005, 16:08 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Добрый человек
**


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

Репутация: 6
Всего: 14
Можно с легкостью использовать событие-таймер setInterval("метод", время) или setTimeOut(), а индикатор можно реализовать по разному, хотябы текстовое поле например. smile


--------------------
Математика=>пиво=> програмирование, три вещи последовательны и совместимы !!!
Программирование - это не деятельнось! Программирование - это состояние души!
Бог - самый крутой программист.
PM MAIL ICQ   Вверх
GIK
Дата 10.12.2005, 16:19 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Добрый человек
**


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

Репутация: 6
Всего: 14
Самый простенький пример. Но можно его разукрасить smile
Если что не понятно спрашивай, тебе сдесь помогут
Код

<html>
 <head>
  <script type="text/javascript">
  <!-- 
    n=20;
    setTimeGou=window.setInterval("f1()", 1000);

    function f1()  
   {
     document.getElementById("textIndikator").value=n;
      n--;
     if (n==0) 
     {clearInterval(setTimeGou);}
   }
  
   //-->
  </script>
 </head>
<body>
  <input type="text" id="textIndikator" value="Счетчик">
</body>
</html>

Добавлено @ 16:29
Совсем забыл про запуск другой функции.
Код

    n=20;
    setTimeGou=window.setInterval("f1()", 1000);

    function f1()  
   {
     document.getElementById("textIndikator").value=n;
      n--;
     if (n==0) 
     {clearInterval(setTimeGou);
      f2();
     }
    
   }
   function f2()
{ alert("Вторая функция запущена");
 }



--------------------
Математика=>пиво=> програмирование, три вещи последовательны и совместимы !!!
Программирование - это не деятельнось! Программирование - это состояние души!
Бог - самый крутой программист.
PM MAIL ICQ   Вверх
Хоббит
Дата 11.12.2005, 22:58 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Эксперт
***


Профиль
Группа: Завсегдатай
Сообщений: 1263
Регистрация: 6.11.2005

Репутация: нет
Всего: 1
второй параметр в функции setInterval // задает интервал в милисекундах да? ...
спасибо. Помог.
В будующем обязательно займусь чтением книжек по JavaScript .. а пока пригодился маленький скрипт
PM MAIL   Вверх
Хоббит
Дата 13.12.2005, 18:58 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Эксперт
***


Профиль
Группа: Завсегдатай
Сообщений: 1263
Регистрация: 6.11.2005

Репутация: нет
Всего: 1
... такой вопрос .. а можно значение времени выводит .. не в поле text // а просто как (текст) .. типа label или типа того обьекты существуют?
PM MAIL   Вверх
Ciber SLasH
Дата 13.12.2005, 22:42 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Эксперт
***


Профиль
Группа: Участник Клуба
Сообщений: 1813
Регистрация: 9.11.2004
Где: С.-Петербург

Репутация: 24
Всего: 67
Цитата
а можно значение времени выводит .. не в поле text

Да выводи куда захочется.
В innerHTML элемента приёмника запихуй и будет тебе счастье...
PM   Вверх
Хоббит
Дата 14.12.2005, 10:09 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Эксперт
***


Профиль
Группа: Завсегдатай
Сообщений: 1263
Регистрация: 6.11.2005

Репутация: нет
Всего: 1
а пример можно? ... просто я в Java Script я не огромный специалист
PM MAIL   Вверх
Ciber SLasH
Дата 14.12.2005, 13:25 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Эксперт
***


Профиль
Группа: Участник Клуба
Сообщений: 1813
Регистрация: 9.11.2004
Где: С.-Петербург

Репутация: 24
Всего: 67
Код
<div id='test'></div>
<script type='text/javascript'>
document.getElementById("test").innerHTML = "зю";
</script>
PM   Вверх
Хоббит
Дата 14.12.2005, 18:08 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Эксперт
***


Профиль
Группа: Завсегдатай
Сообщений: 1263
Регистрация: 6.11.2005

Репутация: нет
Всего: 1
спасибо
PM MAIL   Вверх
GIK
Дата 14.12.2005, 18:22 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Добрый человек
**


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

Репутация: 6
Всего: 14
Цитата
Но можно его разукрасить

Напоследок.
Как и обещал, разукрасил.
Код

<html>
  <head>
    <script type='text/javascript'>
    var mas=new Array();
    mas[0]="silver";
    mas[1]="green";
    mas[2]="blue";
    mas[3]="silver";
    mas[4]="yellow";
    mas[5]="green";
    mas[6]="blue";
    mas[7]="silver";
    mas[8]="yellow";
    mas[9]="silver";
    mas[10]="green";
    mas[11]="silver";
    mas[12]="blue";
    mas[13]="silver";
    mas[14]="green";
    mas[15]="silver";
    mas[16]="yellow";
    mas[17]="blue";
    mas[18]="silver";
    mas[19]="green";
    var max=20;
    var i=-1;
    setTimeGou=window.setInterval('f1()',1000);
   
     function f1()
 {   var itog = max--;
     i++;
     document.getElementById("test").style.color=mas[i];
     document.getElementById("test").innerHTML = itog;
    if(itog==0)
    {clearInterval(setTimeGou);}

 }
  </script>
  </head>
    <body>
  <div id='test' style="color:yellow;">
 20
  </div>
  </body>
</html>

Добавлено @ 18:23
Для общего развития, так сказать.


--------------------
Математика=>пиво=> програмирование, три вещи последовательны и совместимы !!!
Программирование - это не деятельнось! Программирование - это состояние души!
Бог - самый крутой программист.
PM MAIL ICQ   Вверх
Хоббит
Дата 19.12.2005, 17:15 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Эксперт
***


Профиль
Группа: Завсегдатай
Сообщений: 1263
Регистрация: 6.11.2005

Репутация: нет
Всего: 1
Так. А можно ли такую фигню реализовать средствами PHP. Если нет, то как встроить этот код в PHP функцию. То бишь в каком месте должна быть описан ява скрипт и в каком месте он может быть запушен.
PM MAIL   Вверх
Ciber SLasH
Дата 19.12.2005, 19:04 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Эксперт
***


Профиль
Группа: Участник Клуба
Сообщений: 1813
Регистрация: 9.11.2004
Где: С.-Петербург

Репутация: 24
Всего: 67
А смысл реализовывать это на PHP ? Ведь PHP — это серверный язык, что означает все действия происходят на стороне сервера.
Просто генери страницу с нужным JavaScript-ом и выдавай её браузеру.
PM   Вверх
Хоббит
Дата 19.12.2005, 19:54 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Эксперт
***


Профиль
Группа: Завсегдатай
Сообщений: 1263
Регистрация: 6.11.2005

Репутация: нет
Всего: 1
Дело в том что PHP функция возрашает только текст.... причем текст который будет вставлен где то в середину страницы. Могу ли я прям посреди HTML документа обьявитьь java script и его использовать?
PM MAIL   Вверх
Ciber SLasH
Дата 19.12.2005, 20:35 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Эксперт
***


Профиль
Группа: Участник Клуба
Сообщений: 1813
Регистрация: 9.11.2004
Где: С.-Петербург

Репутация: 24
Всего: 67
Цитата
Могу ли я прям посреди HTML документа обьявитьь java script и его использовать?

Конечно.
PM   Вверх
Хоббит
Дата 19.12.2005, 20:53 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Эксперт
***


Профиль
Группа: Завсегдатай
Сообщений: 1263
Регистрация: 6.11.2005

Репутация: нет
Всего: 1
..ага .. спасибо все получилось .... там еще вопрос был как по истечению интервала перейти на другую страницу .... то бишь ...??? какой функцией
PM MAIL   Вверх
Ciber SLasH
Дата 19.12.2005, 21:14 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Эксперт
***


Профиль
Группа: Участник Клуба
Сообщений: 1813
Регистрация: 9.11.2004
Где: С.-Петербург

Репутация: 24
Всего: 67
location.href = "url"
PM   Вверх
Хоббит
Дата 29.12.2005, 11:50 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Эксперт
***


Профиль
Группа: Завсегдатай
Сообщений: 1263
Регистрация: 6.11.2005

Репутация: нет
Всего: 1
Теперь такая проблема. Скрипт с отсчетом времени, как приведено выще работает.
На экране у меня форма с кнопкой. Как мне после нажатия кнопки получить значение времени(сколько прошло), а еще лучше, отправить згачение времени вместе с формой. (форма обрабатывается php скриптом)
PM MAIL   Вверх
Хоббит
Дата 9.1.2006, 13:59 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Эксперт
***


Профиль
Группа: Завсегдатай
Сообщений: 1263
Регистрация: 6.11.2005

Репутация: нет
Всего: 1
теперь такой вопрос ... по нажатию на кнопку пока фориа грузится врема на экране идет ....
как сделать что бы по нажатию на кнопку отправки время останавливалось .. тоесть выполнялась awbz clearInterval(..
PM MAIL   Вверх
Sardar
Дата 9.1.2006, 15:58 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Бегун
****


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

Репутация: 78
Всего: 317
Хоббит ну раз врубаешся что есть clearInterval, неужели его так сложно поставить на onclick кнопки? smile


--------------------
 Опыт - сын ошибок трудных  © А. С. Пушкин
 Процесс написания своего велосипеда повышает профессиональный уровень программиста. © Opik
 Оценить мои качества можно тут.
PM   Вверх
Хоббит
Дата 10.1.2006, 22:49 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Эксперт
***


Профиль
Группа: Завсегдатай
Сообщений: 1263
Регистрация: 6.11.2005

Репутация: нет
Всего: 1
onclick = 'clearInterval ' ... не прет.... не работает .. пока форма грузиться время продолжает тикать
PM MAIL   Вверх
Cheba
Дата 10.1.2006, 23:08 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


pointless one
***


Профиль
Группа: Vingrad developer
Сообщений: 1777
Регистрация: 27.11.2003
Где: /dev/null

Репутация: 1
Всего: 62
Это потому-что JS не поддерживает паскалевский способ вызова фукций. Всегда надо указывать скобки и идентификатор таймера, который был возвращен функцией setInterval.

Внимательно перечитай примеры кода выше по текстку.


--------------------
Как правильно задавать вопросы  
PM MAIL ICQ   Вверх
Хоббит
Дата 16.1.2006, 19:29 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Эксперт
***


Профиль
Группа: Завсегдатай
Сообщений: 1263
Регистрация: 6.11.2005

Репутация: нет
Всего: 1
//// вся эта хрень .. счетчик времени и фция clearInterval //// не срабатывает в OPERE ... под нее как то можно все с адаптировать ???
PM MAIL   Вверх
Sardar
Дата 20.1.2006, 02:50 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Бегун
****


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

Репутация: 78
Всего: 317
Хоббит меньше эмоций, давай код или ссылку на страницу где траблу можно увидеть, иначе это всё лишнее сотрясание воздуха.

Отркон новый топ, что бы мне тему не делить.
Ещё раз правила нарушишь, буду бить посты.


--------------------
 Опыт - сын ошибок трудных  © А. С. Пушкин
 Процесс написания своего велосипеда повышает профессиональный уровень программиста. © Opik
 Оценить мои качества можно тут.
PM   Вверх
Страницы: (2) [Все] 1 2 
 Ответ в темуСоздание новой темы Создание опроса
Форум для вопросов, которые имеются в справочниках, но их поиск вызвал затруднения, или для разработчика требуется совет или просьба отыскать ошибку. Напоминаем: 1) чётко формулируйте вопрос, 2) приведите пример того, что уже сделано, 3) укажите явно, нужен работающий пример или подсказка о том, где найти информацию.
 
1 Пользователей читают эту тему (1 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема | JavaScript: Общие вопросы | Следующая тема »

Подписаться на тему | Подписка на этот форум | Скачать/Распечатать тему


 




[ Время генерации скрипта: 0.0998 ]   [ Использовано запросов: 21 ]   [ GZIP включён ]


Реклама на сайте     Информационное спонсорство

 
 По вопросам размещения рекламы пишите на vladimir(sobaka)vingrad.ru
Отказ от ответственности     Powered by Invision Power Board(R) 1.3 © 2003  IPS, Inc.