JavaScript 随机数完整范例(图文教程)

发布时间:2019-08-31编辑:脚本学堂
本文介绍一个Javascript 随机数的例子,配有演示裁图,有需要的朋友,可以参考学习下哦。

使用Math.random() 方法生成随机数的例子。
可以选择生成随机数的大小和范围。

代码如下:

复制代码 代码示例:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE>javascript随机数-www.jb200.com</TITLE>
</HEAD>
<BODY>
<SCRIPT LANGUAGE="JavaScript">
<!-- Begin
function numbers() {
var nummenu = document.lotto.numbercount;
var numbercount = nummenu.options[nummenu.selectedIndex].value*1;
var maxnumbers = document.lotto.maxnum.value*1;
if (numbercount > maxnumbers) {
alert("Be sure to select a max lottery number value!");
}
else {
var ok = 1;
r = new Array (numbercount);
for (var i = 1; i <= numbercount; i++) {
r[i] = Math.round(Math.random() * (maxnumbers-1))+1;
}
for (var i = numbercount; i >= 1; i--) {
for (var j = numbercount; j >= 1; j--) {
if ((i != j) && (r[i] == r[j])) ok = 0;
   }  
}
if (ok) {
var output = "";
for (var k = 1; k <= numbercount; k++) {
output += "Number " + k + " = " + r[k] + "n";
}
document.lotto.results.value = output;
}    
else numbers();
   }
}
//  End -->
</script>
<form name="lotto">
<table width=100% border=0>
<tr>
<td align=center>产生数字个数
<select name="numbercount">
<option value="1">1
<option value="2">2
<option value="3">3
<option value="4">4
<option value="5">5
<option value="6" selected>6
<option value="7">7
<option value="8">8
<option value="9">9
<option value="10">10
</select> 
<br>产生数字范围<input type=text name=maxnum value="49" size=2 maxlength=2><br>
<input type=button value="产生随机数" onClick="numbers()">
<p>
<textarea name="results" rows=11 cols=15></textarea>
</td>
</tr>
</table>
</form>
</BODY>
</HTML>

演示截图如下所示:
随机数示例