这里有新鲜出炉的 Javascript 教程,程序狗速度看过来!
Javascript 是一种由 Netscape 的 LiveScript 发展而来的原型化继承的基于对象的动态类型的区分大小写的客户端脚本语言,主要目的是为了解决服务器端语言,比如 Perl,遗留的速度问题,为客户提供更流畅的浏览效果。
下面小编就为大家带来一篇 JavaScript 实现简单的双色球 (实例讲解)。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
如下所示:
- <!DOCTYPE html>
- <html lang="en">
- <head>
- <meta charset="UTF-8">
- <title>双色球</title>
- <link rel="stylesheet" type="text/CSS" href="css/twoToneClass.css" rel="external nofollow" >
- </head>
- <script type="text/javascript">
- function getway(){
- //定义一个数组 用来装红色球的随机数
- var reds=[parseInt(Math.random()*33+1)]; //1-33的随机数
- //定义一个数组 用来装蓝色球的随机数
- var blues=[parseInt(Math.random()*16+1)]; //1-16的随机数
- while(reds.length<6){ //双色球是6红1蓝,故长度小于6 说明会循环5次 因为前面reds已经有一次的默认值
- var r=parseInt(Math.random()*33+1); //定义r 随机数的取值与reds一致 用于与reds作比较
- for (var i = 0; i < reds.length; i++) {
- if (reds[i]==r) { //若 reds中的随机值与r中的相等,则跳出,继续i++取值
- break; //若reds中的随机值与r中的不相等,则进入else if
- } else if(i==reds.length-1){ //reds.length-1 --> 原先的reds.length为5,减1为4,而数组是从0 开始算,所以这里会循环5次,刚好与 reds.length<6 同步;且 i等于reds.length-1,是让随机数循环5次(另外就是让它找到定义中的最后一位数)
- reds.push(r); //将r中的值添加到reds中 push():向数组中添加元素
- //值得注意是!r与reds作比较时,是以reds中现有的数作比较,因为 reds.push(r); 这句代码已经向reds中添加了数值,所以r不是以reds中自身产生的随机数作比较,而是原先r添加到reds中的值作比较
- }
- }
- }
- //document.write(reds);
- //排序
- reds.sort(function compare(a,b) {
- return a-b;
- })
- //打印随机数
- for (var h = 0; h < reds.length; h++) {
- document.getElementById('tone'+h+'').innerHTML=reds[h];
- }
- document.getElementById('tone6').innerHTML=blues;
- }
- </script>
- <body>
- <div id="tone0"></div>
- <div id="tone1"></div>
- <div id="tone2"></div>
- <div id="tone3"></div>
- <div id="tone4"></div>
- <div id="tone5"></div>
- <div id="tone6"></div>
- <button type="button" id="cilckMe" onclick="getway()">点我生成双色球</button>
- </body>
- </html>
以上这篇 JavaScript 实现简单的双色球 (实例讲解) 就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持 phperz。
来源: http://www.phperz.com/article/17/0814/343932.html