Как на js реализовать произвольную смену чисел?

Question

[zeaovede]

Подскажите, как на js реализовать произвольную смену чисел в заданном интервале времени.
От числа 85 до 90, и чтобы при обновлении страницы рандомным образом отображалось одно из заданных чисел с условием, если перезагрузка страницы будет произведена через 60 секунд. В данном случае, это 85, 86, 87, 88, 89, 90.

Comments

[WapSter]

Что конкретно не получается?

Answer 1

[Владислав Enokin]

// Получить случайное число от 85 до 90 включительно
function getRandomNumber() {
  return Math.floor(Math.random() * (90 - 85 + 1)) + 85;
}

// Отобразить случайное число на странице
function displayRandomNumber() {
  const number = getRandomNumber();
  document.getElementById("number").innerHTML = number;
}

// Перезагрузить страницу через 60 секунд
function reloadPage() {
  setTimeout(function() {
    location.reload();
  }, 60 * 1000);
}

// Запустить код при загрузке страницы
window.onload = function() {
  displayRandomNumber();
  reloadPage();
};

<div id="number"></div>

Comments

[zeaovede]

Добрый

// Перезагрузить страницу через 60 секунд
function reloadPage() {
  setTimeout(function() {
    location.reload();
  }, 60 * 1000);
}

Спасибо за решение. Возник вопрос.

Страница автоматически будет совершать перезагрузку через 60 секунд? Возможно сделать тоже самое, но только в ручном режиме? Чтобы скрипт срабатывал по нажатию на F5

[ForSureN1]

zeaovede, он и так срабатывает при загрузке страницы

// Запустить код при загрузке страницы
window.onload = function() {
  displayRandomNumber(); //тут запуск
  reloadPage(); //закомментить 
};

[zeaovede]

ForSureN1, я к тому, что будет странно, если посетитель будет знакомиться с информацией на сайте и тут через 60 секунд страница совершит перезагрузку. Т. е. тогда, когда это не нужно. И будет хорошо, если посетитель нажмет сам f5, скажем даже не через минуту, с копейками, а через 5, но скрипт отобразить рандомное число отличающиеся от начального. И тоже самое, если посетитель нажмет f5 до одной минуты, то отобразится начальное число. Именно так и будет работать?

[Владислав Enokin]

zeaovede,

// Получить случайное число от 85 до 90 включительно
function getRandomNumber() {
  return Math.floor(Math.random() * (90 - 85 + 1)) + 85;
}

// Отобразить случайное число на странице
function displayRandomNumber() {
  const number = getRandomNumber();
  document.getElementById("number").innerHTML = number;
}

// Определяет, когда пользователь нажимает клавишу F5, и запускает скрипт
document.addEventListener("keydown", function(event) {
  if (event.key === "F5") {
    displayRandomNumber();
  }
});

// Запустить код при загрузке страницы
window.onload = function() {
  displayRandomNumber();
};

[zeaovede]

Владислав Enokin, благодарю. Сегодня - завтра постараюсь протестировать

[ForSureN1]

zeaovede, что имеешь ввиду под "начальным числом" ? При F5 - по дефолту страница перезагружается, и соответственно при загрузки страницы скрипт заново подставит туда рандомное число, зачем вешать обработчик на keydown - непонятно

[zeaovede]

ForSureN1, при этом страница каждые 60 секунд будет перезагружается в автоматическом режиме? Если да, то такое решение мне не подходит. Об этом подробно расписал выше почему.

[ForSureN1]

zeaovede, О чем речь вообще ? Вы код можете прочитать? Что и где и когда вызывается

// Запустить код при загрузке страницы
window.onload = function() {
  displayRandomNumber();
};

Вы понимаете что делает этот код? Каждый раз при загрузке страницы будет вызываться данная функция ОДИН раз, то есть если вы нажали F5 (КНОПКА ОБНОВЛЕНИЯ СТРАНИЦЫ), то и соответственно этот код опять выполнится вновь один раз