Math.random() 函数返回一个浮点, 伪随机数在范围[0,1),也就是说,从0(包括0)往上,但是不包括1(排除1),然后您可以缩放到所需的范围。实现将初始种子选择到随机数生成算法;它不能被用户选择或重置。
1、0~1的随机数?
Math.random();
2、0~10的随机数?
Math.random()*10;
3、0~10的随机整数?
Math.floor(Math.random()*10);
Math.floor() === 向下取整
4、100~1000的随机整数?
Math.floor(Math.random()*(1000-100)+100);
5、生成10个不重复的随机整数?
var nums=new Array();
var p5=document.getElementById("p5");
for(var i=0;;i++){
// 10个随机数
if(nums.length<10){
getRandom(10);
}else{
break;
}
}
//遍历数组
for(var i=0;i<nums.length;i++){
p5.innerHTML=nums;
}
// 生成随机数
function getRandom(count){
var rand=Math.floor(Math.random()*count);
for(var i=0;i<nums.length;i++){
if(nums[i]==rand){
return false;
}
}
nums.push(rand);
}
6、100~1000之间生成10个不重复的随机整数,并且降序排列?
100~1000之间的随机数,改变上面随机数的函数
var rand=Math.floor(Math.random()*(1000-100)+100);
降序函数
nums.sort(function(a,b){return b-a;});
7、0~5之间随机整数(包含5)?
Math.floor(Math.random()*6);
完整代码
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>随机数</title>
<script>
function click1(){
var num=Math.random();
var p1=document.getElementById("p1");
p1.innerHTML=num;
}
function click2(){
var num=Math.random()*10;
var p1=document.getElementById("p2");
p1.innerHTML=num;
}
function click3(){
var p1=document.getElementById("p3");
var p11=document.getElementById("p33");
var num=Math.random()*10;
p11.innerHTML=num;
var num1=Math.floor(num);
p1.innerHTML=num1;
}
function click4(){
var p4=document.getElementById("p4");
var num=Math.floor(Math.random()*(1000-100)+100);
p4.innerHTML=num;
}
function click5(){
var nums=new Array();
var p5=document.getElementById("p5");
for(var i=0;;i++){
// 10个随机数
if(nums.length<10){
getRandom(10);
}else{
break;
}
}
//遍历数组
for(var i=0;i<nums.length;i++){
p5.innerHTML=nums;
}
// 生成随机数
function getRandom(count){
var rand=Math.floor(Math.random()*count);
for(var i=0;i<nums.length;i++){
if(nums[i]==rand){
return false;
}
}
nums.push(rand);
}
}
function click6(){
var nums=new Array();
var p6=document.getElementById("p6");
for(var i=0;;i++){
// 10个随机数
if(nums.length<10){
getRandom(10);
}else{
break;
}
}
//遍历数组
for(var i=0;i<nums.length;i++){
nums.sort(function(a,b){return b-a;});//降序排列
p6.innerHTML=nums;
}
// 生成随机数
function getRandom(count){
var rand=Math.floor(Math.random()*(1000-100)+100);
// var rand=Math.floor(Math.random()*count);
for(var i=0;i<nums.length;i++){
if(nums[i]==rand){
return false;
}
}
nums.push(rand);
}
}
function click7(){
var num=Math.floor(Math.random()*6);
var p7=document.getElementById("p7");
p7.innerHTML=num;
}
</script>
</head>
<body>
<ul>
<li>
<h1>1、0~1的随机数?</h1>
<button onclick="click1()">点击查看</button>
<p id="p1">
</p>
</li>
<li>
<h1>2、0~10的随机数?</h1>
<button onclick="click2()">点击查看</button>
<p id="p2">
</p>
</li>
<li>
<h1>3、0~10的随机整数?</h1>
<button onclick="click3()">点击查看</button>
<p id="p33"></p>
<p id="p3">
</p>
</li>
<li>
<h1>4、100~1000的随机整数?</h1>
<button onclick="click4()">点击查看</button>
<p id="p4">
</p>
</li>
<li>
<h1>5、生成10个不重复的随机整数?</h1>
<button onclick="click5()">点击查看</button>
<p id="p5">
</p>
</li>
<li>
<h1>6、100~1000之间生成10个不重复的随机整数,并且降序排列?</h1>
<button onclick="click6()">点击查看</button>
<p id="p6">
</p>
</li>
<li>
<h1>7、0~5之间随机整数(包含5)?</h1>
<button onclick="click7()">点击查看</button>
<p id="p7">
</p>
</li>
</ul>
</body>
</html>```