输出可指定范围的js随机数

 分类:js知识时间:2017-10-24 14:55:59点击:

  要用js输出随机数,有时要指定下范围才能达到自己想要的效果,关于输出js随机数的知识,请看这篇文章《js随机数Math.round()的用法详解》,今天的重点是输出可指定范围的js随机数,请看以下代码:

<!Doctype html>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=gbk2312"/>
    <title>输出可指定范围的js随机数</title>
</head>
<body>
<h1 id="RoundNum"></h1>
<script type="text/javascript">
        //封装一个输出可指定范围的随机数函数
        function GetRandomNum(Min,Max)
        {
            var Range = Max - Min;
            var Rand = Math.random();
            return(Min + Math.round(Rand * Range));
        }
        //调用函数,输出10到20范围的随机数
        var num = GetRandomNum(10,20);
        document.getElementById("RoundNum").innerHTML=num;
</script>
</body>
</html>

  首先封装好一个封装一个输出可指定范围的随机数函数,然后输入范围,调用函数,特别注意的是例子中的范围10到20,其中是包括10和20的这两个数字,最后输出的js随机数,点击查看效果吧,没刷新一次就是一个随机数,也可以用定时函数进行控制,比如每秒输出一个随机数。

点击看效果演示

除注明外的文章,均为来源:老汤博客,转载请保留本文地址!
原文地址: