主页 / 问题 / 1286455
Accepted
Влад
Asked:2022-05-26 23:53:37 +0000 UTC2022-05-26 23:53:37 +0000 UTC

JS中的随机间距

  • 772

我遇到了一个我不知道如何解决的问题。可以在JS中做一个随机的时间间隔吗？比如你需要在45秒到80秒的时间范围内点击一个元素，这样每次点击都是不同的时间间隔，在集合内是45秒、55秒、71秒、68秒、47秒等等范围，这样间隔就不会一个接一个地重复，44 秒，44 秒。

javascript

2 个回答

  1. 要生成一个范围内的随机数，只需记住这个“成语”：

    获取两个值之间的随机整数，包括

    但是为了防止数字重复，您需要添加一个辅助数据结构（例如Set）来存储使用过的数字，检查并拒绝已经遇到的数字。

    例如，此代码使用一个函数来创建绑定到此类数据结构的随机数生成器。当结构被范围内所有可能的数字填充时，它被清除并重新开始迭代。

    function createRandomGenerator(min, max) {
  const usedRandoms = new Set();
  const limit = max - min + 1;

  return function getRandom() {
    if (usedRandoms.size === limit) usedRandoms.clear();

    let random;

    while (usedRandoms.has(random = Math.floor(Math.random() * (max - min + 1) + min))) ;

    usedRandoms.add(random);
    return random;
  };
}

const getRandomOneTen = createRandomGenerator(1, 10);

for (let i = 0; i < 10; i++) console.log(getRandomOneTen());
console.log('----------');
for (let i = 0; i < 10; i++) console.log(getRandomOneTen());

    我认为您可以根据您的情况调整此示例。

    唯一的问题是，如果数字的范围非常大，该函数最终会加载处理器以搜索尚未使用的数字，从而拒绝越来越多的尝试。然后值得把它拿出来给工作人员，或者已经给它添加小超时，这样它就不会干扰页面的交互性。

    • 2
  2. Best Answer

    如果我正确理解问题。

    //# Тут мы создаём рандомный интервал в диапазоне
let RRh = 0; // Храним предыдущее значение
function RandomRange(a,b) { // Функция принимает минимальное и максимальное значение
  let c = Math.floor(Math.random() * (b - a + 1)) + a; // Получаем рандомное число
  return c !== RRh ? RRh = c : RandomRange(a,b); // Сверяем его с прошлым, если совпало то ништяк, если нет то всё по новой.
}

console.time('click'); // Для наблюдения, сколько был интервал

//# Это для имуляции 
let elem = document.querySelector('#click'), // Берём элемент по которому будем кликать
    timer = setTimeout(function tick() { // Тут рекурсивный таймер
  elem.click(); // Который кликает каждый раз в заданный интервал
  timer = setTimeout(tick, RandomRange(5,15) * 1000); // Интервал будет рандомный от 5 до 15 секунд
}, RandomRange(5,15) * 1000);


//# А тут чисто визуализация того, что клик действительно происходит
elem.addEventListener('click', function(e) { 
  console.timeEnd('click'); // Для наблюдения, сколько был интервал
  let $self = e.target;
  $self.style.cssText = 'border-color: red; transform: scale(1.25);'
  $self.innerText = 'CLICKED';
  setTimeout(function() {
    $self.style.cssText = '';
    $self.innerText = 'element';
    console.time('click'); // Для наблюдения, сколько был интервал
  }, 750);
});
    #click {
  display: inline-block;
  border: 2px solid gray;
  padding: .5em;
  margin: 30px;
}

.as-console-wrapper {max-height: 22px !important;}
    <div id="click">element</div>

    • 2

相关问题