`

JavaScript的一个随即例子

JavaScriptJ#CSSHTML 
阅读更多 
<!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>
 
分享到：
| Swing小程序
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    javascript例子

    JavaScript例子是一个涵盖源码和工具相关知识的主题，主要聚焦在使用JavaScript进行编程的实际示例上。在这个场景中，"DTree"可能代表一个特定的数据结构或库，如决策树（Decision Tree）或者目录树（Directory Tree...

    300个JavaScript小例子

    JavaScript，简称JS，是一种...每一个例子都是一个小型的代码片段，便于理解和实践。这将帮助初学者快速上手，同时对有经验的开发者也有一定的参考价值，他们可以通过这些例子复习和巩固JavaScript知识，提升编程技巧。

    javascript简单例子程序

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

    javascript经典收藏和例子

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

    javascript网页特效94例子大全

    JavaScript是一种广泛应用于网页开发的脚本语言，它主要用于增加网页的交互性和动态功能。这个"javascript网页特效94...每个例子都是一个实践的舞台，帮助开发者从理论到实践，逐步掌握JavaScript网页特效的制作技巧。

    JavaScript各种使用例子

    7. **原型链**：JavaScript的继承机制基于原型链，每个对象都有一个proto属性，指向其构造函数的prototype。通过原型链，子对象可以访问父对象的属性和方法。 8. **ES6新特性**：包括箭头函数、模板字符串、解构...

    javascript 300多个开发实用例子

    JavaScript是一种广泛应用于Web开发的脚本语言，它在浏览器端运行，为网页添加交互性和动态功能。...每个例子都是一个独立的JavaScript代码片段，可直接运行查看效果，是学习和复习JavaScript的宝贵资源。

    javascript实战源码部分例子

    他从1995年开始开发Web站点，那时候他设计了自己的第一个Web站点，这是通信专业的一个在线杂志。他曾经是位于伯克利的加利福尼亚大学和伯克利多媒体研究中心的网站管理员，并且负责Macworld.com的一次完全的CSS驱动...

    javascript实用例子文件

    总的来说，这个压缩包是一个丰富的JavaScript学习资源库，通过实践这些示例，开发者能深入理解JavaScript的工作原理，提升解决实际问题的能力。建议按照文件结构逐个学习，动手实践，结合理论与实践，将有助于巩固所...

    javascript html android交互例子

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

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

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

    javaScript参考，例子

    JavaScript，一种广泛应用于Web开发的脚本语言，是前端开发中的基石。它的语法与Java有相似之处，但它们是完全不同的编程语言。本资源提供的"javaScript参考"是一份详尽的手册，旨在帮助开发者深入理解和熟练运用...

    javascript经典教程（中文）和例子

    十分经典的JavaScript教程和例子 国内外经典javascript JavaScript实例.rar javascript教程和例子.rar Javascript高级教程.rar JAVASCRIPTBasic.chm JavaScript 教学.chm

    JavaScript的小例子

    例如，我们可以创建一个当前日期的对象，然后使用`getFullYear()`、`getMonth()`和`getDate()`等方法获取年、月、日，以及`getHours()`、`getMinutes()`和`getSeconds()`获取时间。如果想要实时显示当前时间，可以...

    一个简单的JavaScript例子，虽然简单，但却实用

    `function`关键字定义了一个名为`greet`的函数，它接受一个参数`name`，并在控制台打印出问候语。 此外，JavaScript还支持事件处理，使得用户与网页的交互成为可能。例如，我们可以为按钮添加点击事件，当用户点击...

    Javascript api和例子

    JavaScript API和例子是编程领域中的重要主题，尤其对于前端开发者来说，掌握JavaScript API的应用和实践至关重要。JavaScript，作为Web开发的基石，与JScript（微软的实现）在语法上确实非常相似，但JavaScript已经...

    javascript经典效果示例

    总的来说，这个“javascript经典效果示例”压缩包涵盖了JavaScript的基础到高级的各个方面，对于初学者和有经验的开发者来说，都是一个宝贵的资源库。通过实践这些示例，你可以深化对JavaScript的理解，提升编写交互...

    javascript教程和例子

    JavaScript，也被称为JS，是一种广泛应用于网页和网络应用的脚本语言。它是Web开发的核心技术之一，用于控制浏览器的行为，实现动态内容、交互性以及页面的实时更新。本教程将深入探讨JavaScript的基础知识，以及...

Magicbox
Global site tag (gtag.js) - Google Analytics