1、模拟抽奖

简介: 1、模拟抽奖

1、模拟抽奖

<body>
  <div class="container">
    <h2 class="page-header">promise初体验</h2>
    <button class="btn btn-primary" id="btn">点击抽奖</button>
  </div>
  <script>
    function rand(m, n) {
      return Math.ceil(Math.random() * (n - m + 1) + m - 1)
    }
    const btn = document.querySelector('#btn')
    btn.addEventListener('click', function () {
      // 使用promise
      const p = new Promise((resolve, reject) => {
        setTimeout(() => {
          let n = rand(1, 100)
          if (n <= 30) {
            resolve()
          } else {
            reject()
          }
        }, 1000);
      })
 
      p.then(() => {
        alert('恭喜')
      }, () => {
        alert('再接再厉')
      })
    })
  </script>
</body>

2、promise实践练习-fs模块

const fs = require('fs')
const p = new Promise((resolve,reject)=>{
  fs.readFile('./ziyuan/wenju.txt',(err,data)=>{
    if(err) reject(err)
    resolve(data)
  })
})
 
p.then(value=>{
  console.log(value.toString());
},reason=>{
  console.log(reason);
)}
目录
相关文章
|
Java
微信红包的模拟代码
微信红包的模拟代码
126 1
|
小程序 JavaScript
小程序实现简单的倒计时秒杀效果
小程序实现简单的倒计时秒杀效果
108 0
|
4天前
|
JavaScript
原生js炫酷随机抽奖中奖效果代码
原生js随机抽奖是一个炫酷的根据数据随机抽奖的代码,该网页可进行随机抽取一个数据,页面动画高科技、炫酷感觉的随机抽奖效果,简单好用,欢迎下载!
12 3
原生js炫酷随机抽奖中奖效果代码
|
6月前
|
小程序
大转盘抽奖小程序源码
大转盘抽奖小程序源码,测试依旧可用,无BUG,跑马灯旋转效果,非常酷炫。
98 1
|
6月前
|
算法 开发者
玩家在游戏中抽奖抽的停不下来,是因为这个?
玩家在游戏中抽奖抽的停不下来,是因为这个?
72 1
|
6月前
|
前端开发 JavaScript 容器
html+css+js写抽奖程序
html+css+js写抽奖程序
106 0
|
6月前
uniapp九宫格概率抽奖功能
uniapp九宫格概率抽奖功能
60 0
|
6月前
|
小程序
html+css+js实现带有转盘的抽奖小程序
html+css+js实现带有转盘的抽奖小程序
103 0
|
存储 算法 测试技术
测试你的红包代码
最简单直接的方法就是,调用一下代码,给一组输入数据,把结果打印出来,肉眼看一看是不是正确。
盲盒抽奖流程
盲盒抽奖流程
199 0