效果演示
组件
一、中继器
- 建立一个"中继器"内部插入一个"正方形"，给"正方形"添加一个【样式效果】>>【选中状态】填充背景为红色，字体白色。
- 在中继器表格中插入两列数据函数：【xuhao】(序号列，按12345......填写，用来实现随机抽取时的位置；)和【xuanzhong】(只用于报税抽奖过程中的选中状态。0代表未被选中，1代表被选中，默认值为1；)
- 中继器布局：为【横向】水平分布，每行项目数为3。
二、"开始抽奖"按钮
|---------------------------------------------------------------------------------------------------|---------------------------------------------------------------------------------------------------|
| 
| 
|
| | 
|
全局变量
设置两个【全局变量】
- **xuanzhongxuhao :**表示被选中的位置序号，用于记录闪烁的位置，默认值为1。
- **quanshu：**用于记录抽奖轮回闪烁的次数。
交互设置
一、页面载入时交互
【设置变量】"quanshu"为"[[Math.floor(Math.random()*9+18)]]"（【random()】 函数表示获取一个0-1之间的数；*9 是为了在序号1-9中随机抽取一个；+18 表示先让抽奖效果闪烁两遍；【floo()】 函数表示向上取整**。）**
二、中继器每项加载时交互
**【设置文本】**将item.xuhao的值设置给中继器里的"正方形"的文本；
**【设置选中状态】**当"xuanzhong"的值为0时："正方形"选中状态为"假"；当"xuanzhong"的值为1时："正方形"选中状态为"真"。
三、"抽奖按钮"单击时交互
"抽奖按钮"单击时交互有三种判断条件
1、当"xuanzhongxuhao≥1"和"xuanzhongxuhao≤dataCount"和"quanshu>0"三个条件共同满足时（【dataCount】变量表示"中继器"最大行数。）
- **【禁用按钮】**鼠标单击按钮以后，我们要首先禁用掉当前按钮，为了防止重复点击而出现的问题。
- 【标记行 】标记中继器里的所有行，然后更新已标记的行，即更新所有行，将所有行里面的xuanzhong列的值都改为0，目的是将全部"正方形"的设置未被选中状态。
- 【更新行】更新的【规则】逻辑是当【"xuhao"=="xuanzhongxuhao"】，将这一行的xuanzhong列的值更新为1。这样就可以保证每次只会选中1个，而且选中这个之后又会自动设置记录文本+1，从而实现循环。
- 【等待】设置一个等待的时间，即每个"正方形"选中显示蓝色背景的时间，为200毫秒。
- 【设置变量】设置"xuanzhongxuhao"为他原来的值+1，代表当前"正方形"已经闪烁完成了，记录下一个要闪烁的"正方形"的序号；设置"quanshu"为他原来的值-1，代表刚开始随机出来的闪烁次数不断减小。
- **【触发事件】**触发当前"抽奖按钮"鼠标单击时事件实现循环。例如刚开始随机出来的数字是20，那么他就会一直不断的循环在转，20到19到18......到0，才会停止。
2、当"xuanzhongxuhao>dataCount"（【dataCount】变量表示"中继器"最大行数。）
- **【设置变量】**设置"xuanzhongxuhao"为1，表示重头开始。
- **【触发事件】**触发当前"抽奖按钮"鼠标单击时事件实现循环。
3、当"quanshu=0"时
- **【触发事件】**触发页面载入时事件，重置随机次数；
- 【设置变量】"xuanzhongxuhao"为1，表示重头开始；
- **【启用按钮】**完成一轮抽取，得到结果，重启按钮。
