Отображать изображения в миллисекундах - PullRequest
Новая
       39

Отображать изображения в миллисекундах

0 голосов
/ 06 мая 2020

Я хочу отобразить несколько изображений с разной продолжительностью. Длительность составляет 1000 мс для 'plus.jpg', 400 мс для 'mask.jpg', 17 мс для 'coin_sequence [picture_coin]' и 583 мс для второго 'mask.jpg'.

Однако иногда 'coin_sequence [picture_coin] 'иногда не появляется. Это проблема кода или это вызвано чрезвычайно короткой продолжительностью? 

display_element.innerHTML = '<img class="jspsych-pre-coin" id="jspsych-pre-coin1" src="plus.jpg"></img>';

    jsPsych.pluginAPI.setTimeout(function() {
    display_element.querySelector('#jspsych-pre-coin1').style.visibility = 'hidden';
    display_element.innerHTML = '<img id="jspsych-pre-coin2" class="jspsych-pre-coin" src="mask.jpg"></img>';
    second_change();
  }, 1000);

}; 

var second_change = function() {
        jsPsych.pluginAPI.setTimeout(function() {
            display_element.querySelector('#jspsych-pre-coin2').style.visibility = 'hidden';
            display_element.innerHTML = '<img id="jspsych-pre-coin3" class="jspsych-pre-coin" src="'+coin_sequence[picture_coin]+'"></img>';
            third_change();
        }, 400);
};

var third_change = function() {
        jsPsych.pluginAPI.setTimeout(function() {
            display_element.querySelector('#jspsych-pre-coin3').style.visibility = 'hidden';
            display_element.innerHTML = '<img id="jspsych-pre-coin4" class="jspsych-pre-coin" src="mask.jpg"></img>';
            fourth_change();
        },17);
};

var fourth_change = function() {
        jsPsych.pluginAPI.setTimeout(function() {
            display_element.querySelector('#jspsych-pre-coin4').style.visibility = 'hidden';
            fifth_change();
        },583);
};
...