原生JS之实现九宫格抽奖效果，从此百分之百中奖不是梦！！！

首先我们来看一下效果:

说明：在这个案例中，停止位置的输入范围是0-7，代表8个停止位置（顺时针排列），然后我们后台设置的中奖位置是1。

8个停止位置的分布图：

0      1（中奖位置）   2

7                                 3

6              5                 4

下面是相关的代码，相信详细的注释能够帮助你理解！！！

HTML：

<div id="box">
    <div id="header">
      <span>停止位置:</span>
      <input type="text" value="0" id="txt">
    </div>
    <div id="comment"><span>输入值的范围：0-7，默认停止位置：0</span></div>
    <div id="main">
      <div class="num"><img src="./xingyun.jpg" alt=""></div>
      <div class="num"><img src="./xingyun.jpg" alt=""></div>
      <div class="num"><img src="./xingyun.jpg" alt=""></div>
      <div class="num"><img src="./xingyun.jpg" alt=""></div>
      <div class="num" id="mid"><input type="button" value="抽奖" id="start"></div>
      <div class="num"><img src="./xingyun.jpg" alt=""></div>
      <div class="num"><img src="./xingyun.jpg" alt=""></div>
      <div class=