0

Описание

Создал что-то подобное функции вызывающийся в каждом кадре:

class Program
{
    FramesCount = 60;
}
setInterval
(
    function()
    {
        //Тут какие то действия
    }, 
    1000 / Program.FramesCount
);

Проблема в том что Program.FramesCount пользователь может изменить и в этот момент функция setInterval() должен выполнять те же самые действия только с новой задержкой.


Вопрос

Как можно это реализовать?


Дополнение

Я искал в интернете на эту тему, наткнулся только на clearInterval, но как после этого запустить setInterval снова я так и не нашёл. Так что как ответ можете кидать ссылки на полезные статьи и другие сайты.

7
  • 2
    Берёте и "перезапускаете", в чем проблема? let intervalId = setInterval(action, 1000 / Program.FramesCount); clearInterval(intervalId); intervalId = setInterval(action, 1000 / Program.FramesCount); 8 авг 2020 в 20:21
  • @Kir_Antipov Именно так и попробовал, но случились усложнения с повтором действий так как изначальный setInterval была в другом скрипте а меняющая функция - в другом. Но решение участника vsemozhebuty уже решил проблему. Спасибо вам за внимание.
    – eccs0103
    8 авг 2020 в 20:33
  • 1
    Вариант с ручным перезапуском здесь один из самых удачных, но я бы его организовал все же вне метода, занимающегося какой-то своей логикой. Он об организации цикла знать не должен. Можете обернуть setTimeout и сделать из него асинхронный sleep, после чего запустить цикл: `while (true) { draw(); await sleep(1000 / Program.FramesCount); } 8 авг 2020 в 20:42
  • @Kir_Antipov то что вы написали сверху звучит как фокус.) Я начинающий программист на Js и настолько далеко зашёл поскольку знаком с похожим языком (C#), но async, await и всё такое не изучил пока на Js :-)
    – eccs0103
    8 авг 2020 в 20:50
  • Пожалуйста, не богохульствуйте и не называйте C# похожим на JS :) 8 авг 2020 в 20:55

2 ответа 2

2

Можно, например, так, чтобы значение каждый раз считывалось заново:

setTimeout(foo, 1000 / Program.FramesCount);

function foo() {
  setTimeout(foo, 1000 / Program.FramesCount);
  //Тут какие то действия
}

Альтернативы:

  1. Связать перезапуск таймера с кодом, устанавливающим FramesCount.
  2. Проверять текущее значение FramesCount с переменной, хранящей прежнее значение, внутри foo и перезапускать таймер при изменении.

Возможно, проще изменить упомянутый фрагмент, чем менять всё это окружение. Но если постоянный пересчёт таймаута повлияет на производительность (сомневаюсь, но мало ли), альтернатива 1 может быть самой щадящей с точки зрения производительности, хотя и добавит связанности коду.

3
  • 1
    Ловить момент не проблема так как FramesCount на самом деле не простая переменная а свойство. Спасибо за решение.
    – eccs0103
    8 авг 2020 в 20:35
  • Если вы хозяин кода в Program, можно реализовать FramesCount как сеттер и вставить туда логику перезапуска. Если такое связывание приемлемо. 8 авг 2020 в 20:42
  • 1
    Именно так и делал. :-)
    – eccs0103
    8 авг 2020 в 20:46
0

Можно просто определить setInterval в функцию и вызывать её после сброса

function playInterval() {
    intervalId = setInterval(
        function() {
            //Тут какие то действия
            if (условие, при котором сбрасывается интервал) {
                clearInterval(intervalId);
                setTimeout(()=>{
                    playInterval();
                }, 1000)
            }
        }, 
    ), 3000;
}

playInterval();

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.