WebApi Day01 随笔

1. 抽奖案例

功能：

页面：一等奖：          二等奖  ：            三等奖：       

每次刷新都有对应的姓名获奖  而且不能重复获奖    

原生 javascript 实现：

1. 声明一个数组names存放名字

2. 定义parseInt(Math.random() * names.length) 获取随机数组下标

3. 首先渲染一等奖 获取对象 .innerHTML = names[随机下标]   

4. 删除这个元素  防止重复获奖   splice(randomNum，1)

5. 重复 3 - 4 步骤

注：【随机】蛮重要的 

  // 取 N - M 的随机整数
      function getRandom(N, M) {
        return Math.floor(Math.random() * M - N + 1) + N
      }

2. 倒计时

功能：

阅读协议时的倒计时  ： 倒计时期间不能点击按钮  倒计时结束  按钮的innerHTML 改变 “我已经阅读用户协议”  ==》 同意  按钮也从disabled 禁用 变为可使用（点击）

原生js：

1.  刷新后就要开始倒计时  用间隔函数 setInterval(fn，1000)   i = 60 从60s开始计时

2. 回调函数里i-- 用模板字符串 接收i的值  赋值给innerHTML

3. 如果i === 0 关闭计时器clearIntervaldisabled = false innerHTML = ’同意‘  

 

3. 轮播图

功能：自动播放

 

 

 

标签：WebApi,Day01,innerHTML,倒计时,获奖,names,按钮,随笔,Math
来源： https://www.cnblogs.com/zhulongxu/p/16487994.html