建站学习网,专业提供各类建站教程,网页素材,SEO资讯等建站资源!

网站模板_网站源码_网站素材_建站教程_建站学习网

当前位置:建站学习网 > 网页设计 > JavaScript教程 >

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

更新时间:2022-09-07整理编辑:建站学习网阅读:0

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

<script language="javascript">
/**
* 随机生成4位的随机数
* http://www.dedexuexi.com
*/
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.dedexuexi.com</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生成随机数(指定范围)的实例代码就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持建站学习网


本文网址:https://www.dedexuexi.com/wysj/javascript/3488.html

本站部分文章搜集与网络,如有侵权请联系本站,转载请说明出处。

标签:随机数js
收藏此文 赞一下!() 打赏本站

如本文对您有帮助,就请建站学习网抽根烟吧!

支付宝打赏
微信打赏
没有了
« 上一篇
JavaScript实现点击按钮改变颜色,再次点击还原颜色
下一篇 »
  • JS实现显示部分文字点击显示全部的示例
    0阅读
    JS如何实现显示部分文字,点击又显示全部的呢?代码如下:建站学习网建站学习网建站学习网建站学习网建站学习网建站学习网建站学习网建站学习网建站学习网建站学习网建站学习网建站学习网建站学习网建站学习网建站学习网建站学习网建站学习网建站学习functionshow(){varpp=documen...
  • 纯手工JS写法tab切换特效代码,菜单导航切换效果
    0阅读
    本文主要为大家详细介绍了js实现tab栏切换特效,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下。思路:1.点击每个tab时。要先用排他思想,使得所有li不加上背景,再让点击的tab加上某个类。2.上面的tab与下面显示内容的页面是一一对应的。因此,可以使用自定义属性,...
  • js实现禁止右键(复制)
    0阅读
    一个防君子不防小人的鸡肋的功能,针对小白还行。JS实现禁止右键(复制)如何实现呢,代码如下:document.oncontextmenu=new Function("event.returnValue=false;");document.onselectstart=new Function("eve...
  • js锚点链接点击锚点后不改变url的方法
    0阅读
    前端当中html锚点链接的用法很简单,相信大家都会:点击我头部然而这样使用会产生一个现象,那就是url会被改变,浏览器默认的行为会将id放在url后面。比如:https://www.dedexuexi.com#box这种写法体验效果极差,那么有没有什么方法不改变URL呢?这里就不多废话了,直接上代码...
  • JavaScript实现点击按钮改变颜色,再次点击还原颜色
    0阅读
    JavaScript单击变色再次点击还原,这样的场景在实际项目中还是用的比较多的,本文介绍一下如何利用JavaScript实现点击一个元素事背景变色,再点击,颜色还原。代码实例如下:建站学习网a{ width:100px; height:25px; line-he...
 
QQ在线咨询