【JavaScript自动抽奖多轮去重代码】

Aaron_zzc

已于 2023-01-20 11:44:41 修改

阅读量214

点赞数

分类专栏：工程项目代码文章标签： javascript 前端开发语言

于 2023-01-20 11:32:37 首次发布

本文链接：https://blog.csdn.net/Aaron_zzc/article/details/128740702

版权

工程项目代码专栏收录该内容

3 篇文章 0 订阅

订阅专栏

这段代码展示了如何使用JavaScript编写一个多轮抽奖程序，确保奖品不重复抽取。通过random数生成和数组操作实现抽奖逻辑，同时使用异步函数模拟间隔时间，增加用户体验。

摘要由CSDN通过智能技术生成

下面展示一些用JavaScript写的多轮自动抽奖去重代码。

// An highlighted block
import data from 'https://code.juejin.cn/api/raw/7190362060373852192?id=7190362060373868576';
// console.log(data);

function pick(numbers, limit = numbers.length - 1) {
  const picked = Math.floor(Math.random() * limit);
  [numbers[picked], numbers[limit]] = [numbers[limit], numbers[picked]];
  return numbers[limit];
}

function sleep(ms = 60) {
  return new Promise(resolve => setTimeout(resolve, ms));
}

async function raffle(numbers, excludes = [], count = 1) {
  numbers = numbers.filter(item => !excludes.includes(item));
  const preview = document.querySelector('.main > div .preview');

  const ret = [];
  for(let i = 0; i < count; i++) {
    let previewCount = 10 + Math.floor(Math.random() * 10);
    while(previewCount--) {
      await sleep();
      const picked = pick(numbers, numbers.length - 1 - i);
      preview.innerHTML = picked;
    }
    result.appendChild(preview.cloneNode(true));
    ret.push(preview.innerHTML);
    preview.innerHTML = '';
  }
  return ret;
}

const winners = [20, 15, 10, 6, 5];
const storageKey = 'lucky-people';

(async function(i) {
  prize.className = `p${i}`;
  const excludes = localStorage.getItem(storageKey) || '[]';
  const luckyPeople = await raffle(data, JSON.parse(excludes), winners[i]);
  localStorage.setItem(storageKey, JSON.stringify([...excludes, ...luckyPeople]));
})(0);