`

JavaScript的一个随即例子

阅读更多
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>36选6</title>
</head>
<body>
<style type="text/css">
<!--
.area { background-color:#B9ECDB; border-left:1px #BAD3DA solid; border-right:1px #BAD3DA solid; padding:5px 7px 5px 27px; }
.board { background-color:#FFFFFF; border:1px #CDDABA solid; padding:10px; }
.IndexIMG { background-color:#FFFFFF; border:1px #CDDABA solid; padding:5px; width:50px; }
.content { color:#996600; }
.content a:link { color:#996600; }
.content a:hover { color:#FF0000; }
.content a:visited { color:#996600; }
.content a:active { color:#FF0000; }
.qz {
	height: 26px;
	width: 24px;
	font-size: 14px;
	background-image: url(http://taobao.wozhongle.com/lottery/home/images/buy/q_red.gif);
	padding-top: 3px;
	color:#FFFFFF;
}
.qz4 {
	height: 26px;
	width: 24px;
	font-size: 14px;
	background-image: url(http://taobao.wozhongle.com/lottery/home/images/buy/q_co.gif);
	padding-top: 3px;
	color:#FFFFFF;
}
button.confirm{color:#FFFFFF; font-size:14px; font-weight:bold; padding-right:15px;line-height:normal; height:31px; width:119px; background:url(http://taobao.wozhongle.com/lottery/home/images/querenxuanhao.gif) no-repeat; border:none; margin:0 10px;}
-->
</style>
<script type="text/javascript">
//定义已选数
var u = 0;
var array1 = new Array();
function show(num){  //选号循环显示a
	var sdNumstr = '3dNum' + num;
	if(document.getElementById(sdNumstr).className == "qz4"){
		//将选好的一组号码保存到数组
		array1[u] = num;
		u++;
		if (u>6){
		alert('已经选好6个了,请先确认这注后再选号!');
		u--;
		return false;
		}
		document.getElementById(sdNumstr).className = "qz";
	}else if(document.getElementById(sdNumstr).className == "qz"){
		document.getElementById(sdNumstr).className = "qz4";
		u--;
	}
	
}
function queren() {
var optionText = array1 + " [自选]";
	
	if (u != 6) {
		alert("请先选择6个幸运号码!");
		return false;
	}
	
	//把号的状态改为未选中
	for (i = 1; i < 36; i++) {
		document.getElementById("3dNum"+i).className = "qz4";
	}
	
	//更改投注数,提交后加1
	document.getElementById('tid2').innerHTML = parseInt(document.getElementById('tid2').innerHTML) + parseInt(1);
	
	//更新已选数为0
	u = 0;
	optionValue = array1;					
	newOption(optionValue,optionText);
	//alert("选号成功,你可以继续选下一组号投注");
}
//把选取的号码添加到已选值
function newOption(optionValue,optionText){
  selectedNum = parent.document.getElementById('schemeNum1').options.length-1;
  selectedNum++;
  parent.document.getElementById('schemeNum1').options[selectedNum]=document.createElement("option");
  parent.document.getElementById('schemeNum1').options[selectedNum].text= optionText;
  parent.document.getElementById('schemeNum1').options[selectedNum].value= optionValue;
}
//自动选取6个不同的随机号码
function numbers() { 
var nummenu = 7; 
var numbercount = 7*1;
var maxnumbers = 36*1; 
if (numbercount > maxnumbers) { 
alert("产生数字个数不能大于产生数字范围!"); 
} 
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 += r[k] + ","; 
}
newOption(output,output+ " [机选]");
document.getElementById('tid2').innerHTML = parseInt(document.getElementById('tid2').innerHTML) + parseInt(1);
//alert("选号成功,你可以继续选下一组号投注");
}      
else numbers(); 
   } 
} 
function GoCash() {
alert (document.form1.ball.value);
}
</script>
<table width="50%" border="0" cellspacing="5" cellpadding="0" >
			
			<tr>
			
			  <td width="33" align="center"><div class="qz4" id="3dNum1" onclick="show('1')">1</div></td>
			
			  <td width="33" align="center"><div class="qz4" id="3dNum2" onclick="show('2')">2</div></td>
			
			  <td width="33" align="center"><div class="qz4" id="3dNum3" onclick="show('3')">3</div></td>
			
			  <td width="33" align="center"><div class="qz4" id="3dNum4" onclick="show('4')">4</div></td>
			
			  <td width="33" align="center"><div class="qz4" id="3dNum5" onclick="show('5')">5</div></td>
			
			  <td width="33" align="center"><div class="qz4" id="3dNum6" onclick="show('6')">6</div></td>
			
			  <td width="33" align="center"><div class="qz4" id="3dNum7" onclick="show('7')">7</div></td>
			
			  <td width="33" align="center"><div class="qz4" id="3dNum8" onclick="show('8')">8</div></td>
			
			  <td width="33" align="center"><div class="qz4" id="3dNum9" onclick="show('9')">9</div></td>
			
			  <td width="33" align="center"><div class="qz4" id="3dNum10" onclick="show('10')">10</div></td>
			
			  <td width="33" align="center"><div class="qz4" id="3dNum11" onclick="show('11')">11</div></td>
			
			  <td width="33" align="center"><div class="qz4" id="3dNum12" onclick="show('12')">12</div></td>
			
			</tr>
			
			<tr>
			
			  <td width="33" align="center"><div class="qz4" id="3dNum13" onclick="show('13')">13</div></td>
			
			  <td width="33" align="center"><div class="qz4" id="3dNum14" onclick="show('14')">14</div></td>
			
			  <td width="33" align="center"><div class="qz4" id="3dNum15" onclick="show('15')">15</div></td>
			
			  <td width="33" align="center"><div class="qz4" id="3dNum16" onclick="show('16')">16</div></td>
			
			  <td width="33" align="center"><div class="qz4" id="3dNum17" onclick="show('17')">17</div></td>
			
			  <td width="33" align="center"><div class="qz4" id="3dNum18" onclick="show('18')">18</div></td>
			
			  <td width="33" align="center"><div class="qz4" id="3dNum19" onclick="show('19')">19</div></td>
			
			  <td width="33" align="center"><div class="qz4" id="3dNum20" onclick="show('20')">20</div></td>
			
			  <td width="33" align="center"><div class="qz4" id="3dNum21" onclick="show('21')">21</div></td>
			
			  <td width="33" align="center"><div class="qz4" id="3dNum22" onclick="show('22')">22</div></td>
			
			  <td width="33" align="center"><div class="qz4" id="3dNum23" onclick="show('23')">23</div></td>
			
			  <td width="33" align="center"><div class="qz4" id="3dNum24" onclick="show('24')">24</div></td>
			
			</tr>
			
			<tr>
			
			  <td width="33" align="center"><div class="qz4" id="3dNum25" onclick="show('25')">25</div></td>
			
			  <td width="33" align="center"><div class="qz4" id="3dNum26" onclick="show('26')">26</div></td>
			
			  <td width="33" align="center"><div class="qz4" id="3dNum27" onclick="show('27')">27</div></td>
			
			  <td width="33" align="center"><div class="qz4" id="3dNum28" onclick="show('28')">28</div></td>
			
			  <td width="33" align="center"><div class="qz4" id="3dNum29" onclick="show('29')">29</div></td>
			
			  <td width="33" align="center"><div class="qz4" id="3dNum30" onclick="show('30')">30</div></td>
			
			  <td width="33" align="center"><div class="qz4" id="3dNum31" onclick="show('31')">31</div></td>
			
			  <td width="33" align="center"><div class="qz4" id="3dNum32" onclick="show('32')">32</div></td>
			
			  <td width="33" align="center"><div class="qz4" id="3dNum33" onclick="show('33')">33</div></td>
			
			  <td width="33" align="center"><div class="qz4" id="3dNum34" onclick="show('34')">34</div></td>
			
			  <td width="33" align="center"><div class="qz4" id="3dNum35" onclick="show('35')">35</div></td>
			
			  <td width="33" align="center"><div class="qz4" id="3dNum36" onclick="show('36')">36</div></td>
			
			</tr>
			
</table>
		<button onclick="javascript:return queren();" class="confirm">确认选号</button>
		<p>已选注数:<span class="re b" id="tid2">0</span> 注</p>
		<p>
		  <form name="form1">
		  <select name="ball" size="10" multiple="multiple" id="schemeNum1" class="buybian" style="width:200px;">
		    <option value="1">将选定的注提交到这里</option>
		  </select>
		  <br>
		  <input type="button" name="Submit2" value="删除">
		  <input type="button" name="Submit" value="随机选一注" onClick="numbers()">
		  <input type="button" name="Submit3" value="清空">
		  <input type="button" name="Submit3" value="提交" onClick="GoCash()">
		  </form>
		</p>
</body>
</html>
 
分享到:
评论

相关推荐

    javascript多种经典例子

    JavaScript采用原型链实现对象继承,一个对象可以继承另一个对象的属性和方法。 10. **模块化**: ES6引入了模块系统,通过import和export关键字实现代码的组织和复用。 11. **Promise和async/await**: ...

    JavaScript实用例子

    这个压缩包文件"JavaScript实用例子"显然包含了一系列有助于初学者理解和掌握JavaScript编程技巧的实际示例。现在,我们将深入探讨JavaScript的一些关键知识点。 1. 变量与数据类型: JavaScript支持动态数据类型...

    javascript简单例子程序

    这个例子可以帮助理解如何处理时间和日期的格式化。 5. **日期时间显示**:JavaScript提供了`Date`对象用于处理日期和时间。你可以创建一个新的`Date`对象来获取当前时间,也可以通过它的方法如`getFullYear()`, `...

    javascript经典收藏和例子

    ES6(ECMAScript 2015)是JavaScript的一个重要版本,引入了许多新特性,如箭头函数、模板字符串、let和const变量、解构赋值、类和模块等,这些都极大地提升了JavaScript的编程体验和代码质量。 除此之外,...

    javascript,通过486个例子掌握web开发捷径

    包含有486个Javascript的例子,首先可以自学Javascript的知识,然后在网页开发的过程中可以直接利用这486个Javascript的代码。这486个例子中包含了大部分的Javascript效果

    html javascript jquery 走马灯例子

    在这个例子中,`jquery-1.8.3.js`是jQuery库的引用,它提供了一系列方便的DOM操作、事件处理和动画功能。另一个脚本文件`JqZmd.js`则包含了实现走马灯逻辑的代码。这个文件可能会包含以下内容: 1. **选择器**:...

    javascript 光标定位例子

    为了更好地理解这个例子,你需要解压文件并查看源码。代码可能会包括HTML结构、CSS样式和JavaScript逻辑,其中JavaScript部分将包含处理光标定位的关键代码。 总的来说,JavaScript光标定位是一项基础但重要的技术...

    javascript login 例子

    javascript login 例子javascript login 例子

    程序天下JavaScript(所有例子).rar

    压缩包中的"程序天下JavaScript(例子)"可能涵盖了上述各个方面的实例,每个例子都旨在帮助学习者理解和应用JavaScript的特定概念。通过逐步分析和运行这些例子,学习者可以加深对JavaScript的理解,并提高编程技能。...

    Javascript 例子程序 VS.NET 2008版

    这个例子程序是基于http://www.pc30.com/wc/java1/index.html上的教程创建的,这可能是一个详细的JavaScript学习资源,涵盖了基础语法、函数、对象、数组、DOM操作等主题。对于初学者来说,通过实际的例子学习是最...

    javascript html android交互例子

    这个例子可能涉及了如何在原生Android应用中嵌入Web视图(WebView)来展示HTML内容,并利用JavaScript与Android原生代码进行通信。接下来,我们将详细探讨这一主题。 首先,HTML是一种标记语言,用于创建网页结构;...

    Javascript左边导航条的例子

    在这个"Javascript左边导航条的例子"中,我们将会探讨如何利用JavaScript来创建一个适用于火狐、IE和Chrome等主流浏览器的左侧导航栏。 首先,创建这样的导航条通常涉及到HTML结构、CSS样式和JavaScript功能的结合...

    javascript实现动态树例子

    本示例主要探讨如何使用JavaScript来创建一个可交互的动态树结构。 首先,我们需要理解树的基本概念。在计算机科学中,树是一种非线性的数据结构,由节点(或称为顶点)和边组成。每个节点可以有零个或多个子节点,...

    javascript时间以及数组例子一共15个,需要的来,适合初学者参考,

    在压缩包中的15个文件中,每个文件夹很可能包含一个HTML文件和对应的JavaScript文件,这些文件展示了如何在实际项目中应用时间处理和数组操作。通过逐个学习和运行这些例子,初学者能够逐步熟悉并掌握JavaScript中的...

    javascript教程和例子

    JavaScript教程通常涵盖以下几个核心知识点: 1. **基础语法**:JavaScript的基础包括变量、数据类型(如字符串、数字、布尔值、null、undefined)、操作符(算术、比较、逻辑等)、流程控制(条件语句、循环语句)...

    javascript 小例子

    自己总结的一些Javascript的Demo 1.表格隔行变色_焦点着色(高级) 2.多物体运动(整合) 3.高级运动(微博) 4.缓冲运动(右侧对联) 5.表格隔行变色_焦点着色(高级) 等等 代码不足之处,请多多指教

    几十个JavaScript例子下载

    闭包是JavaScript中的一个重要概念,它可以访问并操作其词法作用域内的变量,即使在其外部定义。 7. **面向对象编程**:JavaScript支持基于原型的面向对象编程,实例可能包含构造函数、原型链、对象继承等概念。 8...

    一个简单的js例子

    【标题】"一个简单的js例子"所提及的是一个JavaScript...虽然描述中建议不下载,但对初学者来说,这两个例子仍然可以作为学习和实践JavaScript知识的起点,尤其是对于理解JavaScript基本语法和浏览器兼容性问题处理。

    javascript基础例子(很好的~)

    这个压缩包中的"JS基础例子"很可能是上述概念的实际应用,每个文件可能涵盖一个或多个知识点。通过查看这些例子,你可以更好地理解JavaScript如何在实际场景中工作,并加深对语言的理解。对于初学者来说,动手实践和...

    JavaScript特效经典例子

    7. **图像轮播**:这是一个常见的网页特效,通过JavaScript可以控制多张图片按一定顺序自动切换,提供导航按钮供用户手动切换。 8. **时间日期处理**:JavaScript提供了`Date`对象用于处理日期和时间,可以用来显示...

Global site tag (gtag.js) - Google Analytics