Как задать задержку js без выделения потока?

Question

[rusyska55011]

Методы SetTimeOut() и setInterval() всегда выделают дополнительный поток и работают независимо. Есть ли способ сделать нормальную Задержку без выделения потока?
Ситуация: Создаю объект для того чтобы сделать слайдера на сайте. Моя функция disappearance() должна сначала сделать плавно картинку невидимой, после чего заменить ее и плавно сделать ее обычной.
Я хочу чтобы код исполнился только после get_invisibility, то есть я как закончится get_invisibility хочу запустить подстановку картинки и сделать ее обычной

class SliderEvent{
    constructor(object, picture_list, timer, animation_speed) {
        this.object = object;
        this.picture_list = picture_list;
        this.timer = timer;
        this.animation_speed = animation_speed;
    }

    __picture = this.next_picture();
    * next_picture(){
        while (true){
            for (let index of this.picture_list) {
                yield index;
            }
        }
    }

    disappearance(){
        let object = this.object;
        let picture = this.__picture;
        let timer = this.timer;
        let animation_speed = this.animation_speed;

        let get_invisibility = setInterval(() => function () {
            //
        }, animation_speed);

    }
}

Comments

[Вадим]

Мне кажется вы спрашиваете про promise

[rusyska55011]

Вадим, нет, мне нужно адекватная задержка (к примеру в питоне sleep() - программа стоит на месте пока он не закончится)

Answer 1

[Дмитрий Беляев]

Методы SetTimeOut() и setInterval() всегда выделают дополнительный поток и работают независимо. Есть ли способ сделать нормальную Задержку без выделения потока?

JS однопоточный, колбэки setTimeout и setInterval выполняются на том же потоке. Именно поэтому кстати, их задержка не фиксированная.
Для анимации лучше использовать requestAnimationFrame, так как его срабатывания привязаны непосредственно к отрисовке (строго перед ней) и не нагружают процессор вычислениями, когда он и так нагружен и проседает FPS

Comments

[rusyska55011]

Спасибо а совет, но только это поможет мне сделать задержку чтобы функция вообще работать перестала на время?

[Дмитрий Беляев]

rusyska55011, https://developer.mozilla.org/ru/docs/Web/JavaScri...

[rusyska55011]

import time

print('Hello')
time.sleep(2) # Программа стоит 2 сек
print('World') # Исполняется спустя 2 секунды

Пример с питона
Мне нужна подобная функция на js

[rusyska55011]

Дмитрий Беляев, добавление async не дает нужного реультата

[Дмитрий Беляев]

rusyska55011, а Вы почитали, как он работает? или хотите чтоб я просто Вам готовый код выдал?

[Дмитрий Беляев]

time.sleep(2) # Программа стоит 2 сек

rusyska55011, вот именно, что вся программа стоит, а не отдельная функция. Браузер естественно не дает такого api. Пользователь даже вкладку закрыть не сможет, не говоря уже о простом переходе по ссылкам или другом взаимодействии с интерфейсом, пока Ваша программа "стоит"