Javascript 生成指定范围数值随机数

 更新时间:2009年01月09日 18:14:47   作者:  
查手册后才知道, 介绍的信息少得可怜呐, 没有介绍生成 m-n 范围的随机数..., 就只是给你一个 Math.random() 了事.
不过经过俺的小小努力之后, 终于让俺摸着门道喽, 问题也就理所当然滴解决掉.
然后就写了个公式, 这样应该可以消失掉这个用法了, 公式:
1. 从1开始 至 任意值
linenum
parseInt(Math.random()*上限+1);
2. 从任意值开始 至 任意值
linenum
parseInt(Math.random()*(上限-下限+1)+下限);
上面的公式使用了 parseInt(), 因此要加1; 如果使用 Math.ceil() 则不需要加1, 俺习惯于这样写...
目录:
1. 演示1 (直接进行生成随机数操作)
2. 演示2 (写成函数进行生成随机数操作)
1. 演示1 (直接进行生成随机数操作)
linenum
<script type="text/javascript">
//<![CDATA[
window.onload=function(){
var n=na=nb=nc='';
n=parseInt(Math.random()*10+1);
na=parseInt(Math.random()*(20-11+1) + 11);
nb=parseInt(Math.random()*100+1);
nc=parseInt(Math.random()*(100-51+1) + 51);
var o=document.getElementsByTagName('input');
o[0].value=n;
o[1].value=na;
o[2].value=nb;
o[3].value=nc;
} // shawl.qiu script
//]]>
</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 />
2. 演示2 (写成函数进行生成随机数操作)
linenum
<script type="text/javascript">
//<![CDATA[
window.onload=function(){
var o=document.getElementsByTagName('input');
o[0].value=fRandomBy(10);
o[1].value=fRandomBy(11, 20);
o[2].value=fRandomBy(1, 100);
o[3].value=fRandomBy(51, 100);
}
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;
}
} // shawl.qiu script
//]]>
</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 />

相关文章

  • 用js实现博客打赏功能

    用js实现博客打赏功能

    经常在一些博客中看到有一个打赏功能,本篇文章主要介绍了博客打赏功能,具有一定的参考价值,感兴趣的小伙伴们可以参考一下。
    2016-10-10
  • 深入探讨javascript函数式编程

    深入探讨javascript函数式编程

    在函数式编程中,函数被看做是“一等公民”。JavaScript可以通过巧妙地函数组合来构建抽象,通过内嵌函数的方式,在软件开发的过程中,我们可以把更多的精力放在“函数要做什么”上,而不用太关心“函数如何做”的问题。
    2015-10-10
  • 前端Token 组成及生成方法示例详解

    前端Token 组成及生成方法示例详解

    这篇文章主要为大家介绍了前端Token 组成及生成方法示例详解,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2023-04-04
  • 简单了解TypeScript中如何继承 Error 类

    简单了解TypeScript中如何继承 Error 类

    这篇文章主要介绍了简单了解TypeScript中如何继承 Error 类,一个典型的网站服务器可能需要有 NetworkError, DatabaseError, UnauthorizedError 等。 我们希望这些类都拥有 Error 的特性:有错误消息、有调用栈、有方便打印的 toString 等。,需要的朋友可以参考下
    2019-06-06
  • 用html5 js实现点击一个按钮达到浏览器全屏效果

    用html5 js实现点击一个按钮达到浏览器全屏效果

    点击一个按钮要实现按F11全屏的效果。 在HTML5中,W3C制定了关于全屏的API,就可以实现全屏幕的效果
    2014-05-05
  • JS限制input框只能输入0~100的正整数的两种方法

    JS限制input框只能输入0~100的正整数的两种方法

    本文给大家分享两种方法实现JS限制input框只能输入0~100的正整数,方法二是直接通过设置三个属性,type、min、max即可,就可以设置0~100的整数,感兴趣的朋友跟随小编一起看看吧
    2024-02-02
  • JS实现获取数组中最大值或最小值功能示例

    JS实现获取数组中最大值或最小值功能示例

    这篇文章主要介绍了JS实现获取数组中最大值或最小值功能,结合实例形式总结分析了javascript获取数组最大值与最小值的三种常见操作技巧,需要的朋友可以参考下
    2019-03-03
  • JavaScript实现HSL拾色器

    JavaScript实现HSL拾色器

    这篇文章主要为大家详细介绍了JavaScript实现HSL拾色器,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2020-05-05
  • jquery、js操作checkbox全选反选

    jquery、js操作checkbox全选反选

    全选反选checkbox在实际应用中比较常见,本文有个不错的示例,大家可以参考下
    2014-03-03
  • 使用JavaScript为Kindeditor自定义按钮增加Audio标签

    使用JavaScript为Kindeditor自定义按钮增加Audio标签

    这篇文章主要介绍了使用JavaScript为Kindeditor自定义按钮增加Audio标签的方法,KindEditor是一套开源的HTML可视化编辑器,需要的朋友可以参考下
    2016-03-03

最新评论