Какие есть ограничения у времени повторения setInterval?

Question

[BakytShark]

Всем привет. Есть код, который автоматизирует заполнение и отправку формы на сайте. Я не кодер, по кусочкам из различных форумов собирал, и получилось вот что:

setInterval(() => {
  const field1 = document.querySelector('[name="название"]'); 
  const field2 = document.querySelector('[name="название"]'); 
  const field3 = document.querySelector('[name="название"]');
  const btn = document.querySelector("..........."); 

  field1.value = "значение";
  field2.value = "значение";
  field3.value = "значение"
  btn.click(); 
}, 1000);

То есть кнопка будет нажиматься каждую секунду. Вопрос: если я укажу вместо 1000 цифру 1, то кнопка будет нажиматься каждую 0,001 секунду? А если я укажу 0,1, то будет нажиматься каждую 0,0001 секунду, чтоли? Тут есть вообще какой-то лимит?
А браузер сможет запросы делать с такой частотой с такой большой скоростью?
Спасибо.

Comments

[Ярослав Иванов]

минимальное время 4 мс

[Strannyk]

Минимальная задержка в setInterval - 4 мс.

[BakytShark]

Ярослав Иванов, Спасибо. Короче, сайт использует AJAX, насколько я знаю. Потому что, когда в ручном режиме нажимаете кнопку, страница никуда не уходит, а вместо формы просто появляется картинка с надписью "успешно". Теперь я в сет интервал указал 4 миллисекунды, но эта картинка появляется скачками. Не через каждые 4 миллисекунды, а через секунду, или может через 2 сек. Вы не знаете, с чем это связано? Или на самом деле запрос отправляется каждые 4 мс, а картинка на экране просто иногда не успевает появляться? Такое может быть?

[BakytShark]

Strannyk, спасибо

[Stalker_RED]

BakytShark, чтобы отображать картинку каждые 4 миллисекунды вам понадобится монитор с частотой 250 Герц минимум и браузер, который отрисовывает картинку 250 раз в секунду (хром вроде не умеет, попробуйте фаерфокс).

"Обычно" отрисовка идет 60 раз в секунду, и это 16.666666(6) миллисекунд на кадр. То есть ваш setInterval(..., 4) между выводом кадра успевает 4 раза что-то там поменять (причем код вы не показали, остается только гадать, что именно происходит).

Вероятно браузер просто не справляется с такой нагрузкой.

[twobomb]

BakytShark, даже если укажите 4мс это не значит что ваш код будет выполняться каждые 4мс, тут есть такой момент что код предыдущего вызова может еще не успеть отработать, а уже будет вызван новый который также не успеет отработать и так по цепочке они будут накапливать, и никаких стековерфловов и прочего вам не выдаст, вкладка зависнет, зависнет всё, будет вообще всё печально, поэтому я рекомендую никогда не использовать setInterval, лучше используйте setTimeout

[Strannyk]

twobomb, Строго говоря, пока не отработает код первого вызова, второго вызова не будет. Другое дело, что время выполнения кода в setInterval включается в общее время задержки, в отличие от setTimeout.

[twobomb]

Strannyk, да действительно, написал

тестик

let n = 1;
setInterval(function(){
	let nc = n++;
	    console.log("start "+nc); 
 	let t = Date.now() +5000;
	  while( Date.now() < t){
	  }
	    console.log("end"+nc); 
},1000);

, последовательность сохраняется, ну тогда хотя-бы переполнения памяти не будет, а просто все зависнет также как при бесконечном цикле

[BakytShark]

twobomb, Но у меня картинка с надписью "успешно" все-таки появляется, каждые 1-2 секунды. Это значит, что запрос все-таки отправляется, так?

[twobomb]

BakytShark, вы аяксом данные отправляете каждые 4мс? надпись успешно появляется когда сервер ответил или после того как просто отправлен ajax запрос, даже если он завершился с ошибкой

[BakytShark]

Strannyk, Я короче посмотрел в логе. Там такая картина, которую я прикрепил сюда. Это значит что с момента отправки запроса до получения картинки "успешно" проходит 351 мс, верно?

[twobomb]

BakytShark, все аякс запросы видны во вкладке network, можно установить фильтр XHR, только панель разработчика нужно открыть до отправки запросов, чтобы они там отобразились, и там есть столбец Time это время ответа

[BakytShark]

twobomb, спасибо

Answer 1

[Alex]

setInterval не запускает ваш код. Он только ставит таймер, и через указанный промежуток времени сообщает браузеру, что ему нужно выполнить этот код. Но это не гарантирует что ваш код будет исполнен тут же. Задача будет поставлена в очередь. И браузер заберёт её из очереди тогда, когда сможет. Все остальные задачи точно так же будут становиться в очередь, даже если предыдущие ещё не были выполнены.

https://medium.com/devschacht/javascript-eventloop...

Comments

[BakytShark]

Спасибо большое). А как можно мой код изменить так, чтобы действие выполнилось в определенное время в определенный интервал времени. Например, чтоб я мог отложить его, чтоб действие выполнилось в 17.00 с 17.00 по 18.00 ?