Почему одновременно выполняется if и else?

Question

[damir_fe]

Использую react-player. Функция onProgress запускается react-player.

progress.playedSeconds - нынешний прогресс воспроизведения видео
timeArray - массив с dur и time
item.dur - время показа (в данном случае console.log(true))
item.time - время, указанное в массиве

function onProgress (progress) {
        const playerWrapper = document.querySelector(".player-wrapper");
        
        timeArray.map(item => {

            let duration = item.time + item.dur;
            
            if (duration >= Math.floor(progress.playedSeconds * 1000) &&
                item.time <= Math.floor(progress.playedSeconds * 1000))
            {
                console.log(true)

            } else {
                console.log(false);
            }
        })
    }

<ReactPlayer
                    className='react-player'
                    url='http://video.mp4'
                    controls={true}
                    ref={playerRef}
                    onProgress={onProgress}
                    progressInterval={100}
                />

Comments

[Сергей delphinpro]

ну где же "одновременно"?
Сначала несколько раз выводится false, потом на очередной итерации true. Далее повторяется.
Две ветки условия принципиально не могут выполняться одновременно.

[damir_fe]

Сергей delphinpro, да, не одновременно, но в условии есть ошибка, из-за которой if становится false в определенный момент, вы знаете почему?

Простое условие работает верно. На примере кода выводится true, если видео идет меньше 10 секунд.

if (parseFloat(seconds) < 10) 
        {
            console.log(true)
        } else {
            console.log(false)
        }

[Rsa97]

damir_fe, Так вы добавьте вывод item и progress.playedSeconds в случае false и сами посмотрите, почему условие не выполняется.

[Dima Polos]

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