VPF::Отсчет времени. - Форум программистов

Хоббит

Дата 10.12.2005, 15:59 (ссылка)

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

Загрузка ...

Эксперт

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

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

Нужен такой простой скриптик. После зугрузки страницы. Появляется индикатор времени 20, потом меняется на 19 18 17 и.т.д. .. до 0 .. после истеченея времени грузится другая страница или запускается другой сценарий (не важно)

GIK

Дата 10.12.2005, 16:08 (ссылка)

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

Загрузка ...

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

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

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

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

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

Математика=>пиво=> програмирование, три вещи последовательны и совместимы !!!
Программирование - это не деятельнось! Программирование - это состояние души!
Бог - самый крутой программист.

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("Вторая функция запущена");
 }

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

Хоббит

Дата 11.12.2005, 22:58 (ссылка)

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

Загрузка ...

Эксперт

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

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

второй параметр в функции setInterval // задает интервал в милисекундах да? ...
спасибо. Помог.
В будующем обязательно займусь чтением книжек по JavaScript .. а пока пригодился маленький скрипт

Хоббит

Дата 13.12.2005, 18:58 (ссылка)

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

Загрузка ...

Эксперт

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

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

... такой вопрос .. а можно значение времени выводит .. не в поле text // а просто как (текст) .. типа label или типа того обьекты существуют?

Ciber SLasH

Дата 13.12.2005, 22:42 (ссылка)

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

Загрузка ...

Эксперт

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

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

Цитата

а можно значение времени выводит .. не в поле text

Да выводи куда захочется.
В innerHTML элемента приёмника запихуй и будет тебе счастье...

Хоббит

Дата 14.12.2005, 10:09 (ссылка)

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

Загрузка ...

Эксперт

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

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

а пример можно? ... просто я в Java Script я не огромный специалист

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>

Хоббит

Дата 14.12.2005, 18:08 (ссылка)

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

Загрузка ...

Эксперт

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

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

спасибо

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
Для общего развития, так сказать.

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

Хоббит

Дата 19.12.2005, 17:15 (ссылка)

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

Загрузка ...

Эксперт

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

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

Так. А можно ли такую фигню реализовать средствами PHP. Если нет, то как встроить этот код в PHP функцию. То бишь в каком месте должна быть описан ява скрипт и в каком месте он может быть запушен.

Ciber SLasH

Дата 19.12.2005, 19:04 (ссылка)

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

Загрузка ...

Эксперт

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

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

А смысл реализовывать это на PHP ? Ведь PHP — это серверный язык, что означает все действия происходят на стороне сервера.
Просто генери страницу с нужным JavaScript-ом и выдавай её браузеру.

Хоббит

Дата 19.12.2005, 19:54 (ссылка)

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

Загрузка ...

Эксперт

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

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

Дело в том что PHP функция возрашает только текст.... причем текст который будет вставлен где то в середину страницы. Могу ли я прям посреди HTML документа обьявитьь java script и его использовать?

Ciber SLasH

Дата 19.12.2005, 20:35 (ссылка)

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

Загрузка ...

Эксперт

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

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

Цитата

Могу ли я прям посреди HTML документа обьявитьь java script и его использовать?

Конечно.

Хоббит

Дата 19.12.2005, 20:53 (ссылка)

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

Загрузка ...

Эксперт

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

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

..ага .. спасибо все получилось .... там еще вопрос был как по истечению интервала перейти на другую страницу .... то бишь ...??? какой функцией

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