Как использовать Обратный отсчет в Javascript Использование длины строки, хранящейся в массиве - PullRequest
Новая
       6

Как использовать Обратный отсчет в Javascript Использование длины строки, хранящейся в массиве

0 голосов
/ 29 июня 2018 
    var allQuestionsArray = ["question1 asffdsdsfd","question2 asdffffsd","question3 asddda","question ajsdjj 4"];
    var loop = [];
    $.each(allQuestionsArray, function (index, key) {
    loop = key.length;
    timeOut(loop);

    setTimeout(function () {
      $(#question-' + index + '-section').fadeOut(),
      $('#question-' + index + '-section').fadeIn();
    }, (loop * 1000));
});

function startTimer(duration, display) {
                    console.log(duration);
                    var start = Date.now(),
                        diff,
                        minutes,
                        seconds;
                    function timer() {
                        // get the number of seconds that have elapsed since 
                        // startTimer() was called
                        if(duration <= 0){

                            display.textContent = "00:00";
                        }else{
                        diff = duration - (((Date.now() - start) / 1000) | 0);
                        //console.log(diff);

                        // does the same job as parseInt truncates the float

                        minutes = (diff / 60) | 0;
                        seconds = (diff % 60) | 0;

                        minutes = minutes < 10 ? "0" + minutes : minutes;
                        seconds = seconds < 10 ? "0" + seconds : seconds;

                        display.textContent = minutes + ":" + seconds;

                        if (diff <= 0) {
                            start = Date.now() + 1000;
                        }
                        }
                    };

                    timer();
                    setInterval(timer, 1000);
                }
                function timeOut(limit) {

                    display = document.querySelector('#time');
                    startTimer(limit, display);

                }

1 - Что я ожидаю от этого кода, он должен сгенерировать обратный отсчет и должен скрыть все вопросы, кроме одного, который должен работать до завершения цикла.

2- Я хочу, чтобы мой код взял длину каждой строки, хранящейся в массиве, и назначил ее таймеру == "timeOut (string.length)", что я имею в виду.

3- Проблема в том, что при выполнении кода таймер запускается в соответствии с длиной последней строки. «Вопрос ajsdjj 4» не начинается с первой строки массива.

Я хочу запустить таймер с первой строки массива, когда таймер завершит работу, затем он должен перейти ко второй строке массива и т. Д.

...