Версия для печати темы
Нажмите сюда для просмотра этой темы в оригинальном формате
Форум программистов > JavaScript: Общие вопросы > Постоянно работающая функция


Автор: GIK 5.10.2005, 14:36
Привет всем.
Я ранее задавал этот вопрос, но чесно говоря не все понял.
Вот мой скрипт:
Код

<html>
   <head>
     <title>Основное оглавление</title>
     <script language="javascript">
    
        function post1()
       { a=Number(document.form1.num1.value); 
         b=Number(document.form1.num2.value);
        
         gik(a,b);
        }
         function gik(a)
    { a+=a;
       document.form1.num1.value=a;
       window.setInterval(gik(),1000);
    }
     </script>
   </head>  
 <body bgcolor=silver>
  <form name="form1" id="f">
   <input type="text" size=7 name="num1"><br>
   <input type="text" size=7 name="num2"><br>
   <input type="text" size=7 name="itog"><br>
   <input type="button" size=5 value="Вычислить" onClick="post1()"><br>
  </form>
 </body>
</html> 


А это скрипт Sarbara
Код

<script type="text/javascript">
<!--

function start_reken(form) 
{
  var bt=form.elements.strt;
  if(bt.proc) {                   
    window.clearInterval(bt.proc);    
    bt.value="Запустить вычисление"; 
    bt.title="Нажмите что бы запустить процесс вычисления";
    bt.proc=null;} 
else {
    bt.value="Вычисление запущенно";
    form.elements.strt.title="Вы можете продолжать работу, процесс автоматически примет новые значения";
    bt.proc=window.setInterval(function()
    {
      step=1;
      reken(form, parseInt(form.elements.num1.value));
    }, 500);   window.setInterval)
  } 
}
function reken(f, original) {
  var a, b;
  if(isNaN(a=parseFloat(f.elements.num1.value))||isNaN(b=parseFloat(f.elements.num2.value))) {
    alert("Один из аргументов не число!");
    f.elements.strt.click(); //хмм, не красиво... вызываем клик на кнопке, что бы сработала start_reken...
    return;
  }
  if(step<0) {
    f.elements.num1.value=(a-b);
    if((a-b)<=original) {
      alert("Вернулись к оригинальному значению: "+original);
      f.elements.strt.click();
    }
  } else {
    f.elements.num1.value=(a+b);
    if(Math.round(Number.MAX_VALUE-(a+b))<2) {
      alert("Дошли до максимума: "+Number.MAX_VALUE);
      f.elements.num1.value=Number.MAX_VALUE;
      step=-1;
    }
  }
}
//-->
</script>

<form id="frm">
Введите число не меньше 100: <input type="text" name="num1" value="введите число" onfocus="this.value='';"><br>
<input type="text" name="num2" value="число+2">
<input type="button" name="strt" value="Запустить вычисление" title="Нажмите что бы запустить процесс вычисления" onClick="start_reken(this.form)"><br>
</form>

Подскажите кто нибуть что здесь есть что?

Автор: GIK 5.10.2005, 15:19
Попыталься еще так (сдесь куча ошибок, но логика должна быть ясна)
Код

 function start()
      { a=document.getElementById("f").elements[0].value; // Объявлем глобальные переменные
        b=document.getElementById("f").elements[1].value;
        max=document.getElementById("f").elements[2].value; //Фиксируем максимум
        min=a; // Фиксируем минимум
        post1();
       }

          function post1()
     { 
       a+=b; // Увеличиваем  число
    if (a<max) {document.getElementById("f").elements[0].value=a; // Проверяем
                 window.setInterval(function post1(), 500);
                }
          
             
       else {break ;  // Остановка текущей функции 
               post2();}  // Вызов второй функции и остановка первой функции

      }


           function post2() // Вызывается если достиг max или больше max
      { a-=b;  
        if(a>min) 
          { documentgetElementById("f").element[0].value=a;
            window.setInterval(function post2(), 500);     
          }    
         else {break; 
         post1() ;} 
}

Автор: Sardar 5.10.2005, 18:31
GIK, когда пишешь, ты код запускашь? Ну ладно ошибки логики, но ошибки синтаксиса ведь сразу выдаються интерпретатором.

И где вопрос или ты хочешь, что бы тебе помогли превратить "это" в нечто работающее?

Автор: Aliance 5.10.2005, 18:45
GIK
Ну нет слов... Когда ты научишься пользоваться форумной подсветкой!
Последующие посты с неправильным использованием кнопки код буду скрывать!

Цитата(GIK @ 5.10.2005, 15:36)
А это скрипт Sarbara

И ты бы хоть ник писал правильно... smile

Автор: GIK 6.10.2005, 11:10
Я бы хотел разобратся разобратся в этом скрипте:
Код

<script type="text/javascript">
<!--

function start_reken(form) 
{
  var bt=form.elements.strt;
  if(bt.proc) {                   
    window.clearInterval(bt.proc);    
    bt.value="Запустить вычисление"; 
    bt.title="Нажмите что бы запустить процесс вычисления";
    bt.proc=null;} 
else {
    bt.value="Вычисление запущенно";
    form.elements.strt.title="Вы можете продолжать работу, процесс автоматически примет новые значения";
    bt.proc=window.setInterval(function()
    {
      step=1;
      reken(form, parseInt(form.elements.num1.value));
    }, 500);   window.setInterval)
  } 
}
function reken(f, original) {
  var a, b;
  if(isNaN(a=parseFloat(f.elements.num1.value))||isNaN(b=parseFloat(f.elements.num2.value))) {
    alert("Один из аргументов не число!");
    f.elements.strt.click(); //хмм, не красиво... вызываем клик на кнопке, что бы сработала start_reken...
    return;
  }
  if(step<0) {
    f.elements.num1.value=(a-b);
    if((a-b)<=original) {
      alert("Вернулись к оригинальному значению: "+original);
      f.elements.strt.click();
    }
  } else {
    f.elements.num1.value=(a+b);
    if(Math.round(Number.MAX_VALUE-(a+b))<2) {
      alert("Дошли до максимума: "+Number.MAX_VALUE);
      f.elements.num1.value=Number.MAX_VALUE;
      step=-1;
    }
  }
}
//-->
</script>

<form id="frm">
Введите число не меньше 100: <input type="text" name="num1" value="введите число" onfocus="this.value='';"><br>
<input type="text" name="num2" value="число+2">
<input type="button" name="strt" value="Запустить вычисление" title="Нажмите что бы запустить процесс вычисления" onClick="start_reken(this.form)"><br>
</form>


Мне не понятны некоторые детали этого кода,
я был бы благодарен если бы мне по порядку разъяснили что сдесь есть что.
а мой скрипт пожалуй не надо переделывать (нехочу занимать вашего времени на ерунду), сам разберусь если разъясните скрипт который привел Sardar
P.S.
Извиняюсь за неправильный ник.

Автор: Aliance 6.10.2005, 16:10
Это новый вопрос? Новый!
Тогда и постите его в новых топик, согласно правилам форума.
Задавайте вопрос четче, как это все пояснить...
Пишите что не понятно - поясним, а вообще - читай мануалы, сам себе пояснишь 90% кода, а уж потом только беги на форум smile

Автор: Sardar 6.10.2005, 23:05
GIK что конкретно не ясно. Ответ "всё" меня не устраивает, тогда отправлю читать мануал по JS.

Кратко, нужен цикл, который постоянно бы чего нибуь делал. Это возможно двумя путями:
  • запустить паралельный процесс
  • запустить таймер, по прерыванию которого будем чего нибудь вычислять.


JS существовал ещё во времена Win3.1 без многозадачности, поэтому он от природы не многозадачен. Почему разработчики сегодняшних интерпретаторов не сделают треды, не пойму, ведь язык не накладывает ограничений, а только способствует этому.

Второй (третий, N'ый) процесс можно запустить с помощью хака smile Например поставить обьект XmlHttpReuqest, в onreadystatechange которого положить нужный код. Событие встроенного XmlHttpRequest будет отработанно в отдельном треде, это точно известно для ИЕ.

Второй способ на таймерах это естественное решение от нетскейповцев - "кооперативная многозадачность". Кооперативная, в смысле "другой тред" не будет исполняться, пока текущий не отдаст ему управление. В JS это поставка функции на setInterval, что запустит таймер, который с заданной частотой будет вызывать функцию.

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

И так в моём примере мы ставим функцию на таймер, она при каждом вызове быстро отрабатывает , затем выход из функции, тогда следующий таймер может продолжить работу. Немного криво? Я бы тоже так сказал, но увы пока кто нибудь с ясным умом не спроектирует стандартную библиотеку, куда войдут такие необходимые обьекты как Dictionary, Thread и прочее, так и будем париться. ECMAScript усугубил ситуацию, поставив в стандарт огрехи нетскейповцев, например кривое поведение split функции или убогий интерфейс Array.

Автор: GIK 7.10.2005, 14:27
Sardar у тебя сдесь вызов функции
Код

bt.proc=window.setInterval(function()
    {step=1;
      reken(form, parseInt(form.elements.num1.value));
    }, 9000); 

, которая в свою очередь вызывает другую функцию (reken), где происходит проверка на числа, и в которой при каждом повторении переменной "a" сначало присваивается первоночальное значение, а далле присваивается значение (a+b) (при случае что все поля - числа). но мне кажется что есть сдесь глюк связанный с переменной step.
Расуждаю: Если переменная step получает изначально =1, а если он равен -1 (step<0), то происходит вычет, только как он произойдет если при достимжении максимума который мне совсем непонятен какой, произойдет вызов функции

Код

setInterval(function()
    {step=1;

step опять таки примет значение =1

Я хотел бы вместе с тобо (если можно на ты и если можно вообще) разобраться в приведенном мною сценарии.
Сдесь я установил максимум и минимум, создал второй интервал при котором уменьшается значение. Единственно не знаю как реализовать прекращение вычетов (может остановкой, или поставить под условие когда переменная дойдет до минимума)

Код

<script type="text/javascript">
<!--

  function start_reken(form) 
{  var max = 1200;
   var min = form.elements.num1.value; 
   window.setInterval(function()
    {
      reken(form, parseInt(max), parseInt(min));
    }, 500); 
} 

 function reken(f, max, min) {
  var a, b; 
  if(isNaN(a=parseFloat(f.elements.num1.value))||isNaN(b=parseFloat(f.elements.num2.value))) 
   {
    alert("Один из аргументов не число!");
    f.elements.strt.click(); //хмм, не красиво... вызываем клик на кнопке, что бы сработала start_reken...
    return;
    }   
   else {
    plus=f.elements.num1.value=(a+b);
    if(plus>=max) {
      alert("Дошли до максимума: "+max); // И вызываем другой пока не дойдет до минимума
     window.setInterval (function()
    { minus=f.elements.num1=plus-b;    
      if (minus<=min)  
     {break // и продолжаем дальше }

    }, 7000 //для разнообразия время вычетов сделал меньше(возможно это пригодится для каких нибуть расчетов в еще более сложных программах)
    )
                  }
         } 
                              }
                        
//-->
</script>

<form id="frm">
Введите число не меньше 100: <input type="text" name="num1" value="введите число" onfocus="this.value='';"><br>
<input type="text" name="num2" value="число+2">
<input type="button" name="strt" value="Запустить вычисление" title="Нажмите что бы запустить процесс вычисления" onClick="start_reken(this.form)"><br>
</form>

Автор: Sardar 8.10.2005, 01:48
Правильно нашёл баг smile
step должно быть инициализированно 1 вне определения функции для setInterval, иначе будет зависание как только дойдём до максимума.

В остальном... если честно, надоедает вычищать твой код. Я буду помогать если ты научишся писать JS код, а не мешанину выдающую кучу синтаксических ошибок. Просто запускай в браузере перед тем как сюда запостить. Ошибки логики исправим, ошибки синтаксиса - это уже неуважение к участникам форума.

Автор: GIK 8.10.2005, 09:25
Цитата
Ошибки логики исправим, ошибки синтаксиса - это уже неуважение к участникам форума.
Понял, больше постараюсь нетупить smile

Автор: Aliance 8.10.2005, 10:19
Цитата(GIK @ 7.10.2005, 15:27)
Сдесь я установил

Да и не только синтаксиса...

Автор: GIK 9.10.2005, 09:54
Sardar все, решил я свою проблему,
все оказалось просто smile

Зацени
Код

<html>
<head>
<script type="text/javascript">
<!--

  function plus() 
{  var a = Number(document.form1.num1.value);
   var b = Number(document.form1.num2.value);
   var max = Number(document.form1.max.value);
   document.form1.num1.value=(a+b);
   var m = document.form1.num1.value;  
   if (m<max)
    {setTimeout("plus()",700);
      
    }
    else 
    {minus(); 
     }
}
   function minus()
{ var a = Number(document.form1.num1.value); // "а" получает значение "max" или больше 
  var b = Number(document.form1.num2.value); 
  var min = Number(document.form1.min.value); 
  document.form1.num1.value=(a-b);
   var m2 = Number(document.form1.num1.value); // уменьшенное значение 
  if (m2>min)
   { setTimeout("minus()",700);
     }
  else {plus();} 
}                         
//-->
</script>
</head>
<body>
<form name="form1">
Введите число:<input type="text" name="num1" value="введите число" onfocus="this.value='';"><br>
Введите число-увеличитель:<input type="text" name="num2" size="7"><br>
Введите предел:<input type="text" name="max" size="7"><br>
Введите минимум:<input type="text" name="min" size="7"><br>
<input type="button" name="strt" value="Запустить вычисление" title="Нажмите что бы запустить процесс вычисления" onClick="plus()"><br>
</form>
</body>
</html> 

Автор: Sardar 9.10.2005, 12:24
Есть один маленький недочёт, жми несколько раз на кнопку, попробуй сам обьяснить это smile

Автор: GIK 9.10.2005, 12:39
Функция вызывается еще раз, тем самым увеличивается скорость вычисления. Это конечно не входило в мои планы, но мне это и немешает, хотя можно было добавить к сценарию остановку вычисления. А так этот скрипт я обдумал накануне вечером, а написал с первого раза за минут 5-7.

Автор: Sardar 9.10.2005, 13:16
Цитата(GIK @ 9.10.2005, 11:39)
Функция вызывается еще раз, тем самым увеличивается скорость вычисления

Поведение как буд-то с каждым нажатием новый тред запускаеться, по логике так оно в терминах JS и происходит) Но если тебе не мешает...

Автор: GIK 10.10.2005, 11:13
Попытался как то создать условие при котором если ввести максимум меншье минимума, выводится сообщение-предупреждение..
Разбирал, разбирал и дошел до слоедующеего: создал не обротимый глюк
Кому интересно, пожалуста.
Если набрать в полях (по порядку) 12, 12, 12, 1 нежать два раза...
а дальше пожалуста не обижайтесь smile
Код

<html>
<head>
<script type="text/javascript">
<!--

  function plus() 
{  var a = Number(document.form1.num1.value);
   var b = Number(document.form1.num2.value);
   var max = Number(document.form1.max.value);
   var min = Number(document.form1.min.value);
   if (max<min) {document.write("Ти што элэментарный математика не знаеш....Максимум должен быть боьше");}
    else {alert("Маладэц")} 
  document.form1.num1.value=(a+b);
   var m = document.form1.num1.value;  
   if (m<max)
    {setTimeout("plus()",1500);
      
    }
    else 
    {minus(); 
     }
}
   function minus()
{ var a = Number(document.form1.num1.value); // "а" получает значение "max" или больше 
  var b = Number(document.form1.num2.value); 
  var min = Number(document.form1.min.value); 
  document.form1.num1.value=(a-b);
   var m2 = Number(document.form1.num1.value); // уменьшенное значение 
  if (m2>min)
   { setTimeout("minus()",700);
     }
  else {plus();} 
}                         
//-->
</script>
</head>
<body>
<form name="form1">
Введите число:<input type="text" name="num1" value="введите число" onfocus="this.value='';"><br>
Введите число-увеличитель:<input type="text" name="num2" size="7"><br>
Введите предел:<input type="text" name="max" size="7">Максимум должен быть больше минимума<br>
Введите минимум:<input type="text" name="min" size="7">Минимум должен быть меньше максимума<br>
<input type="button" name="strt" value="Запустить вычисление" title="Нажмите что бы запустить процесс вычисления" onClick="plus()"><br>
<h2>Вы можете в процессе вычислений менять числа максимума и минимума</h2>
</form>
</body>
</html> 


Вот вам и магия цифр,
так наверно и создают различного рода вирусы.

Powered by Invision Power Board (http://www.invisionboard.com)
© Invision Power Services (http://www.invisionpower.com)