0

Как вызвать функцию showquote чтобы данные обновлялись при каждом ее вызове?

var quotes = [];
quotes[0] = "Сергей оформил заказ на массажное кресло Калифорния С.";
quotes[1] = "Юлия купила ";
quotes[2] = "Александр оформил заказ на ";
quotes[3] = "Елена заказала ";
var q = quotes.length;
var whichquote = Math.round(Math.random() * (q - 1));

function showquote() {
  document.getElementById('popupname').innerHTML = quotes[whichquote]
}

function PopUpShow() {
  document.getElementById('popup1').style.display = 'block';
  setTimeout(showquote, 500); /*здесь не обновляется текст*/
  setTimeout("document.getElementById('popup1' ).style.display = 'none'", 2000);
}

setInterval(PopUpShow, 1500);
<div id="popup1">
</div>

<div id="popupname">
</div>

1 ответ 1

2

Нужно код

var q = quotes.length;
var whichquote = Math.round(Math.random() * (q - 1));

вынести из глобальной области в функцию showquote иначе случайная цитата вычислится лишь один раз при старте программы.

Вот весь код:

var quotes = new Array();
quotes[0] = "Сергей оформил заказ на массажное кресло Калифорния С.";
quotes[1] = "Юлия купила ";
quotes[2] = "Александр оформил заказ на ";
quotes[3] = "Елена заказала ";

function showquote() {
  var q = quotes.length;
  var whichquote = Math.round(Math.random() * (q - 1));
  document.getElementById('popupname').innerHTML = quotes[whichquote]
}

function PopUpShow() {
  document.getElementById('popup1').style.display = 'block';
  setTimeout(showquote, 500); /*здесь не обновляется текст*/
  setTimeout("document.getElementById('popup1' ).style.display = 'none'", 2000);
}

setInterval(PopUpShow, 1500);
<div id="popup1">
</div>

<div id="popupname">
</div>

4
  • Изменено время ожидание с 15 сек до 1.5 секунды, чтобы быстрей наблюдать результат. 28 ноя 2016 в 10:40
  • Также можно улучшить код, сделав чтобы функция showquote не выбирала уже выбранный текст. 28 ноя 2016 в 10:58
  • После твоего редактирования вопроса - твой ответ потерял актуальность: q = quotes.length; и т.д. уже внутри функции.
    – Grundy
    28 ноя 2016 в 11:06
  • Спасибо за внимательность, вернул как было. 28 ноя 2016 в 11:09

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.