Почему анимация воспроизводится лишь однажды?

Question

[damn_everyday]

Есть код:

let start = Date.now(),

        myTimer = setInterval(function() {
        let timeSet = Date.now() - start;
        
        if (timeSet >= 2000) {
            clearInterval(myTimer);
            return;
        }
        

        moving(timeSet);
        function moving(timeSet) {
           modalContent.style.top = timeSet / 35 + 'px';
            }

        }, 20);

Проблемы в следующем:

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

Как это поправить? А также настроить, чтобы она резвее проигрывалась.

Comments

[Konstantin Zhikhor]

Событие на какой селектор у вас ?

[damn_everyday]

Konstantin Zhikhor, modalContent

[Konstantin Zhikhor]

damn_everyday, меня больше волнует это класс или id

[damn_everyday]

Konstantin Zhikhor, да-да,точно. Это класс.

[Konstantin Zhikhor]

damn_everyday, у вас нативный js ?

[damn_everyday]

Konstantin Zhikhor, да

[Konstantin Zhikhor]

попробуйте так добавить событие https://developer.mozilla.org/ru/docs/Web/API/Even...
я думаю что у вас событие не так добавляется

[damn_everyday]

Konstantin Zhikhor, я что-то не так делаю, но не понимаю, что. Не могли бы вы объяснить? https://pastenow.ru/5185dcddb07d6e864e23e1f0301c31f0

[Konstantin Zhikhor]

damn_everyday, сделай на jquery

[Konstantin Zhikhor]

damn_everyday, попробуй в конце функции обнулить переменную start

[damn_everyday]

Konstantin Zhikhor, всё, я нашёл ошибку сам и поправил. Могу отметить решением, если сделаете ответ

Answer 1

[Konstantin Zhikhor]

попробуйте обнулить переменную start.
в чем же проблема была ?

Comments

[damn_everyday]

в том, что я невнимателен и плохо применил addEventListener. Вы мне в комментариях помогли

[Konstantin Zhikhor]

damn_everyday, ну все равно помог )))) рад помочь был

Answer 2

[profesor08]

Видимо при клике ты не обновляешь значение start

Answer 3

[Владимир]

У вас простая анимация, почему не сделать ее при помощи css? Тогда и будет быстро.
Просто меняйте класс, а на смену класса пропишите анимацию