js生成随机数(指定范围)的实例代码

 更新时间:2016年07月10日 09:54:27   投稿:jingxian  
下面小编就为大家带来一篇js生成随机数(指定范围)的实例代码。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧

1、随机生成4位数的随机数

<script language="javascript">
/**
* 随机生成4位的随机数
* http://www.yulu.jb51.net
*/
document.write(parseInt(10*Math.random()));  //输出0~10之间的随机整数
document.write(Math.floor(Math.random()*10+1));  //输出1~10之间的随机整数
function RndNum(n){
 var rnd="";
 for(var i=0;i<n;i++)
   rnd+=Math.floor(Math.random()*10);
 return rnd;
}
document.write(RndNum(4));  //输出指定位数的随机数的随机整数
</script>

2、随机生成指定的数据范围的随机数

1)、从1开始 至 任意值

parseInt(Math.random()*上限+1);

2)、从任意值开始至任意值

<script>
parseInt(Math.random()*(上限-下限+1)+下限); 
function fRandomBy(under, over){ 
  switch(arguments.length){ 
   case 1: return parseInt(Math.random()*under+1); 
   case 2: return parseInt(Math.random()*(over-under+1) + under); 
   default: return 0; 
  } 
} 
document.write(fRandomBy(1,100));  //输出指定范围内的随机数的随机整数
</script>

//给既定文本框按规则付不同的值[引申]
<script>
window.onload=function(){ 
  var o=document.getElementsByTagName('input'); 
  o[0].value=fRandomBy(1,10); 
  o[1].value=fRandomBy(11,20); 
  o[2].value=fRandomBy(1,100); 
  o[3].value=fRandomBy(51,100); 
}
</script>
1-10: <input type="text" /><br /> 
11-20: <input type="text" /><br /> 
1-100: <input type="text" /><br /> 
51-100: <input type="text" /><br />

3、扩展例子:

<html>
<head>
<title>Math-生成随机数的例子-www.jb51.net</title>
</head>
<body>
<script language="javascript" type="text/javascript">
total = 0
for(i=1;i<=5000;i++){
  num=Math.random();
  total +=num
}
average = total/5000;
average = Math.round(average*1000)/1000;
document.write("<h1>平均数:"+average+"</h1>")
</script>
</body>
</html>

以上这篇js生成随机数(指定范围)的实例代码就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持脚本之家。

相关文章

  • JS实现关键字搜索时的相关下拉字段效果

    JS实现关键字搜索时的相关下拉字段效果

    关键字搜索时有下拉字段,在使用百度时会遇到,本例讲述用js实现类似的效果
    2014-08-08
  • js实现详情页放大镜效果

    js实现详情页放大镜效果

    这篇文章主要为大家详细介绍了js实现详情页放大镜效果,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2020-10-10
  • JS碰撞运动实现方法详解

    JS碰撞运动实现方法详解

    这篇文章主要介绍了JS碰撞运动实现方法,详细分析了碰撞运动的原理及相应的javascript实现技巧,需要的朋友可以参考下
    2016-12-12
  • 解决前端接收 type:"application/octet-stream" 格式的数据并下载(解决后端返回不唯一问题)

    解决前端接收 type:"application/octet-stream" 格

    前端接收 type: “application/octet-stream“ 格式的数据并下载,还有后端既返回octet-stream还返回JSON数据时的处理方法,今天给大家分享前端接收 type:"application/octet-stream" 格式的数据并下载(解决后端返回不唯一问题)的解决方案,感兴趣的朋友一起看看吧
    2023-12-12
  • 微信小程序实现全局状态管理的方法整理

    微信小程序实现全局状态管理的方法整理

    已知微信小程序中如果要做到全局状态共享,常用的有四种方式,分别是globalData、本地缓存、mobx-miniprogram和westore,本文将带大家看看mobx-miniprogram是如何实现的小程序的全局状态管理,需要的可以收藏一下
    2023-06-06
  • JavaScript简单实现弹出拖拽窗口(一)

    JavaScript简单实现弹出拖拽窗口(一)

    这篇文章主要为大家详细介绍了JavaScript简单实现弹出拖拽窗口的相关资料,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2016-06-06
  • JavaScript正则表达式实例详解

    JavaScript正则表达式实例详解

    在编写处理字符串的程序或网页时,经常会有查找符合某些复杂规则的字符串的需要。正则表达式就是用于描述这些规则的工具。换句话说,正则表达式就是记录文本规则的代码。
    2016-10-10
  • javascript闭包的高级使用方法实例

    javascript闭包的高级使用方法实例

    这篇文章介绍了javascript闭包的高级使用方法实例,有需要的朋友可以参考一下
    2013-07-07
  • JS防抖和节流实例解析

    JS防抖和节流实例解析

    这篇文章主要介绍了JS防抖和节流实例解析,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
    2019-09-09
  • JavaScript实现电灯开关小案例

    JavaScript实现电灯开关小案例

    这篇文章主要为大家详细介绍了JavaScript实现电灯开关小案例,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2020-03-03

最新评论