JS九宫格抽奖功能，一次抽奖结束后，返回到第一个值重新开始？

Question

JS创建了一个九宫格抽奖，但是想要一个抽过一次就返回到第一个值，重新开始抽奖，而不是从抽奖结果接着往下进行，该怎么实现

Answer 1

引用 皆我百晓生 小程序回复内容作答：
您可以在抽奖结束后，通过重置抽奖结果的值，将其设为第一个值，然后重新开始抽奖。

以下是一个示例代码：

// 定义九宫格抽奖的值数组
var lotteryValues = ['奖品1', '奖品2', '奖品3', '奖品4', '奖品5', '奖品6', '奖品7', '奖品8', '奖品9'];

// 当前抽奖结果的索引值
var currentResultIndex = 0;

// 抽奖函数
function drawLottery() {
  // 获取当前抽奖结果
  var currentResult = lotteryValues[currentResultIndex];
  
  // 输出抽奖结果
  console.log('抽奖结果：' + currentResult);
  
  // 判断是否是最后一个值
  if (currentResultIndex === lotteryValues.length - 1) {
    // 重置抽奖结果索引值为第一个值
    currentResultIndex = 0;
  } else {
    // 将抽奖结果索引值加1
    currentResultIndex++;
  }
}

// 测试抽奖
drawLottery(); // 输出：抽奖结果：奖品1
drawLottery(); // 输出：抽奖结果：奖品2
drawLottery(); // 输出：抽奖结果：奖品3
// ...
drawLottery(); // 输出：抽奖结果：奖品9
drawLottery(); // 输出：抽奖结果：奖品1
drawLottery(); // 输出：抽奖结果：奖品2
// ...

在上述代码中，lotteryValues是一个包含九个奖品值的数组。currentResultIndex用于记录当前的抽奖结果索引值。

在抽奖函数 drawLottery 中，首先获取当前抽奖结果 currentResult，然后将其输出。接着判断当前抽奖结果索引值是否是最后一个值，如果是，则将索引值重置为0，否则将索引值加1。

这样，每次调用 drawLottery 函数抽奖后，都会按顺序输出九宫格抽奖结果，并在最后一个值之后重新开始抽奖。