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 实现ajax发送步骤过程详解

    js 实现ajax发送步骤过程详解

    这篇文章主要介绍了js 实现ajax发送过程详解,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
    2019-07-07
  • 简单实现js放大镜效果

    简单实现js放大镜效果

    这篇文章主要教大家如何简单实现js放大镜效果,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2017-07-07
  • React中如何使用echarts写出3d旋转扇形图

    React中如何使用echarts写出3d旋转扇形图

    这篇文章主要给大家介绍了关于React中如何使用echarts写出3d旋转扇形图,介绍了如何使用React、TypeScript、Less和Echarts来构建高效、可维护的前端应用代码结构,并提供了相关代码示例,需要的朋友可以参考下
    2024-11-11
  • node在两个div之间移动,用ztree实现

    node在两个div之间移动,用ztree实现

    本文介绍了“node在两个div之间移动,用ztree实现”的方法,需要的朋友可以参考一下
    2013-03-03
  • web前端开发中常见的多列布局解决方案整理(一定要看)

    web前端开发中常见的多列布局解决方案整理(一定要看)

    多列布局在web前端开发中也是较为常见的,今天小编给大家介绍这里会提到的多列布局有两列定宽加一列自适应、多列不定宽加一列自适应、多列等分三种,感兴趣的朋友一起看看吧
    2017-10-10
  • 关于uniapp中onReachBottomDistance属性的使用

    关于uniapp中onReachBottomDistance属性的使用

    这篇文章主要介绍了关于uniapp中onReachBottomDistance属性的使用方式,具有很好的参考价值,希望对大家有所帮助。如有错误或未考虑完全的地方,望不吝赐教
    2022-09-09
  • JavaScript中this函数使用实例解析

    JavaScript中this函数使用实例解析

    这篇文章主要介绍了JavaScript中this函数使用实例解析,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
    2020-02-02
  • 浅谈webpack4.x 入门(一篇足矣)

    浅谈webpack4.x 入门(一篇足矣)

    这篇文章主要介绍了浅谈webpack4.x 入门(一篇足矣),小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2018-09-09
  • JavaScript采用递归算法计算阶乘实例

    JavaScript采用递归算法计算阶乘实例

    这篇文章主要介绍了JavaScript采用递归算法计算阶乘,简单分析了javascript递归算法的相关使用技巧,具有一定参考借鉴价值,需要的朋友可以参考下
    2015-08-08
  • JS显示下拉列表框内全部元素的方法

    JS显示下拉列表框内全部元素的方法

    这篇文章主要介绍了JS显示下拉列表框内全部元素的方法,涉及javascript遍历下拉列表元素的技巧,具有一定参考借鉴价值,需要的朋友可以参考下
    2015-03-03

最新评论