JS概率,随机数randomNum()

最新推荐文章于 2023-10-20 23:57:37 发布

小白丶小猿搜题

最新推荐文章于 2023-10-20 23:57:37 发布

阅读量1.8k

点赞数 1

文章标签： javascript

本文链接：https://blog.csdn.net/qq_42753091/article/details/120453421

版权

周末总结

//随机数函数
function randomNum(min, max) {
  return Math.floor(Math.random() * (min- max) + max);
}


//引用随机函数生成随机概率事件
function Type() {
  n = randomNum(0, 100);

  if (n < 5) {
    return "一等奖";
  } else if(n >= 5 && n < 10){
    return "二等奖";
  }else if(n >= 10 && n < 20){
    return "三等奖";
  }else{
    return "太可惜了";
  }
}

也可以随机数的原理调用标签集合的随机性

    <style>
      ul li {
        width: 100px;
        height: 100px;
        background: red;
        border: 1px solid black;
        list-style: none;
        display: inline-block;
      }
      
    </style>
  </head>
  <body>
    <ul>
      <li></li>
      <li></li>
      <li></li>
      <li></li>
    </ul>
    <button class="bu">出现了</button>
  </body>
  <script>
    var n = 0;

    var bn=document.querySelector(".bu");
    //获取li标签集合
    var li = document.querySelectorAll("li");
    //按钮点击事情
    bn.onclick=function(){
        //获取li下标0-3的随机数
        var i=randomNum(0,3);
        li[i].innerHTML="我在这";
    }

    //随机数函数
    function randomNum(min, max) {
      return Math.floor(Math.random() * (min - max) + max);
    }
  </script>

结合定时器使用可以实现随机出现的短暂动画

小白丶小猿搜题

关注

1
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
JS概率,随机数randomNum()

周末总结//随机数函数function randomNum(min, max) { return Math.floor(Math.random() * (min- max) + max);}//引用随机函数生成随机概率事件function Type() { n = randomNum(0, 100); if (n < 5) { return "一等奖"; } else if(n >= 5 && n < 10){ retur
复制链接

扫一扫