100行前端代码实现九宫格抽奖功能

时间：2023-03-27 16:40:43 JavaScript

话不多说，直接上效果：主要流程是：1.根据效果图，搭建一个静态页面2.获取元素（自带属性）3.绑定事件4.事件触发后4.1全部li元素在指定的时间间隔内颜色随机变化4.2延时器2秒后定时器清零4.3定时器清零后，所有li背景颜色重新设置，并选择一个随机码实现流程为如下：抽奖

礼物1
礼物2
礼物3
礼物4
礼物5
礼物6
礼物7
礼物8
礼物9

开始绘图

varbtn=document.getElementsByTagName("button")[0];btn.className="btn";//通过标签名获取元素varlis=document.getElementsByTagName("li");//是元素绑定点击事件btn.onclick=function(){//禁用按钮btn.disabled=true;vartimer=setInterval(function(){for(vari=0;i

上一篇：前端呃，什么时候，你要写一个HTTP服务器？

下一篇：css探索渐变-实现饼图-加载图-灯柱

100行前端代码实现九宫格抽奖功能相关文章