Как сравнить две длины массива?

Question

[Mestniydevil]

Как сравнить две длины массива и выполнить функцию? Есть два массива если в двух массивах длина больше одного то выполняется функция, если в каком то из них длина становится ровна 0 остановить запущенную !!! И все это должно работать в setInterval, что бы при изменение отрабатывала та, или иная функция. Как данное можно сделать?

function start() {
document.getElementById('ok').innerHTML = '<div>Длина двух массивов больше 0</div>'
//Функция запуска
}
function stop() {
document.getElementById('ok').innerHTML = '<div>Какойто из массивов равен 0</div>'
// Остановить  запущенную функцию если какой-то из счетчиков стал равен "0" 
//и ждать изменения если оба счётчика станут равны больше "0" 
}

function liki() {
    const ids = [...document.querySelectorAll('#user uidm')].map(uidm => uidm.attributes.uid.value);
    const idss = [...document.querySelectorAll('#user uid')].map(uid => uid.attributes.uid.value);
    if (ids.length > 0 && idss.length > 0) {
        start();
    } else {
        stop();
    }
}}

Comments

[longclaps]

если в каком то из них длина становится ровна 0 то выполнить другую!!!

Клёвая пунктуация. Головой бился об стенку, небось?

[Mestniydevil]

longclaps, Заходите в комнату включаете свет. Выходите выключаете. Как еще описать это? Если запустить это в setinterval то получится когда вы в комнате находитесь. Вы постоянно жмете на выключатель света. И когда ушли вы тоже жмете постоянно что бы выключить свет. Как еще это объяснить? При одном результате отрабатывает 1 раз функция star() один раз если результат изменился, отрабатывает другая. И так далее.... По тому как я выше писал. то что вы можете вернутся в комнату обратно, и придется снова включать свет. А не ударятся каждый раз головой об выключатель

Клёвая пунктуация. Головой бился об стенку, небось?

Answer 1

[Mestniydevil]

Решение

function liki() {
    const ids = [...document.querySelectorAll('#user uidm')].map(uidm => uidm.attributes.uid.value);
    const idss = [...document.querySelectorAll('#user uid')].map(uid => uid.attributes.uid.value);
    if (ids.length > 0 && idss.length > 0) {
        status = 'on'
    }else {
        status ='off'
    }
    if(status==='on') {
        start();
    }
}
setInterval(liki,100);
    let timer = 1000;
    let timenull = null;
    function start() {
        if (!timenull) {
            console.log('запущенно')
        }
        clearTimeout(timenull);
        timenull = setTimeout(stop, timer);
    }
    function stop() {
        timenull = null;
        console.log('Не запущенно');
    }

Answer 2

[Stockholm Syndrome]

//и ждать изменения если оба счётчика станут равны больше "0"

так равны или больше?

и в чём проблема поместить всё это в setInterval?

let one = [...document.querySelectorAll('#user uidm')].map(uidm => uidm.attributes.uid.value);
let two = [...document.querySelectorAll('#user uid')].map(uid => uid.attributes.uid.value);
let ok = document.getElementById('ok');

function start() {
  ok.innerHTML = '<div>Длина двух массивов больше 0</div>'
}

function stop() {
  ok.innerHTML = '<div>Какойто из массивов равен 0</div>'
}

setInterval(() => {
  if (one.length > 0 && two.length > 0) {
    start();
  } else {
    stop();
  }  
}, 1000);

Comments

[Mestniydevil]

и в чём проблема поместить всё это в setInterval?

Данный код для примера. Сейчас попробую объяснить смысл.

На страницы есть специальная комнаты где может находится 4 человека два с одной стороны двое с другой. С одной стороны может быть один или двое человек а с другой не кого. Сам процесс такой между пользователями есть тест вопросы которые нужно загрузить когда с двух сторон по одному или больше пользователей. Но так как одни могут уйти или зайти другие например надо блок с вопросами убирать!!! Почему не получается setInterval потому что блок будет вставляется постоянно. Можно конечно через CSS свойство сделать но и тут проблема. Тест который загружается в блок будет протекать в фоновом режиме так скажем и результат будет не корректен.

[Stockholm Syndrome]

Mestniydevil, в этом случае следует использовать события добавления и удаления пользователя и в обработчике проверять длину массива

[Mestniydevil]

StockholmSyndrome,

С ютуб плеером делал такое!!! Но там есть одно но там можно отследить событие плеера!!! Вот код как на ютуб делал

function playVideo(){
        document.getElementById('pl').innerHTML="<div id='pl></div>";
        var music = window.IDvideo;
        var volume = player.getVolume();
        player.loadVideoByUrl(music);
        player.playVideo();
        document.getElementById('range').value=volume;
        $('#range').on('change', function () 
        {player.setVolume($(this).val());});
        $('#mute-toggle').on('click', function()
        {var mute_toggle = $(this);
        if(player.isMuted()){
            player.unMute();
            mute_toggle.text('volume_up');
        } else{player.mute();
        mute_toggle.text('volume_off');}});
        function stopPlay() {
            var  play = player.getPlayerState();
            if (play === 0) {
            $.ajax({
                url: "roomUser/selectplay.php",
                type: "POST", 
                data: {playadd: window.t}, 
                dataType: "JSON",
                success: function send(audiolist) {
                    if (!Array.isArray(audiolist) || !audiolist.length) {
                        document.getElementById('pl').innerHTML = "<div id='pl' style='width: 260px;height: 150px;position: absolute;margin-left: 741px;background: black'>" +
                            "<input id='add' type='button' value='Добавить видео' name='addTrack' OnClick='addTrack();'>" +
                            "</div>";document.getElementById('ok').innerHTML = '<div>' +
                            '</div>';
                    }else{
                        var selectdata = audiolist[0];window.IDvideo =  "https://www.youtube.com/v/"+selectdata.url+"?version=3";playVideo()
                    }}});
            setTimeout(function() {
                clearInterval(timerPlayV);
                }, 100);}}
        var timerPlayV = setInterval(function() {
            stopPlay();
            }, 1000);}

[Stockholm Syndrome]

Mestniydevil, у вас добавление/удаление пользователя чем сопровождается?

[Mestniydevil]

StockholmSyndrome, Там много комнатная система. При добавление пользователя отправляются данные в websocket и пользователя видно в общем списке!!! Если уходит то также отправляются данные!!! Но в массиве может быть несколько пользователей!!! И по этому я отслеживаю по атрибуту. Когда пользователь заходит!

[Stockholm Syndrome]

Mestniydevil, ну вот перед отправкой данных и проверяйте