JavaScript随机数生成器实现方法
程序员文章站
2022-04-12 14:23:59
...
本文主要为大家详细介绍了JavaScript实现随机数生成器,生成不重复的随机数,具有一定的参考价值,感兴趣的小伙伴们可以参考一下,希望能帮助到大家。
1.实验前准备:
Math函数的理解
数组方法的理解
2.实验操作:
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>随机数生成</title> </head> <style type="text/css"> body{font-size: 20px;} #box{border:3px solid #666;width:500px;height:300px;margin:20px auto;padding:20px;position: relative;} #min,#max{width: 60px;margin:5px;} #num{margin:15px;width: 115px;} button{width:80px;height:30px;letter-spacing: 10px;font-size: 15px;} h1{margin: 10px 90px;} </style> <body> <p> <p id="box"> <h1>课堂提问生成器</h1> <label>产生随机数的范围:</label><input type="text" id="min">--<input type="text" id="max"></br> <label>需要产生多少个随机数:</label><input type="text" id="num"></br> <button onclick="produce()">生成</button> <p id="result"></p> </p> </p> </body> <script type="text/javascript"> function produce(){ var omin=document.getElementById("min").value; var max=document.getElementById("max").value; var num=document.getElementById("num").value; var oArray=new Array; var result=""; var min=omin; for(var i=0;i<=max-omin;i++){ oArray[i]=min; min++; console.log(oArray[i]); } //没有去重的原代码 // for(var i=0;i<num;i++){ // result+=parseInt(Math.random()*(max-min+1) + min)+","; // } oArray.sort(function(){return 0.5 - Math.random(); }) //把按顺序存储的数组打乱 for(var i=0;i<num;i++){ result+=oArray[i]+","; } document.getElementById("result").innerText=result; } </script> </html>
3.操作结果
相关推荐:
以上就是JavaScript随机数生成器实现方法的详细内容,更多请关注其它相关文章!
推荐阅读
-
JavaScript基于对象方法实现数组去重及排序操作示例
-
红黑树的插入详解及Javascript实现方法示例
-
Shell脚本实现随机数多种方法介绍(date、random、uuid)
-
JavaScript实现汉字转换为拼音及缩写的方法示例
-
JavaScript mixin实现多继承的方法详解
-
JavaScript观察者模式(publish/subscribe)原理与实现方法
-
JavaScript实现父子dom同时绑定两个点击事件,一个用捕获,一个用冒泡时执行顺序的方法
-
javascript+php实现根据用户时区显示当地时间的方法
-
JavaScript实现事件的中断传播和行为阻止方法示例
-
用JavaScript实现让浏览器停止载入页面的方法