您的位置：首页 > Web前端 > JavaScript

javascript基础-抢购器与双色球模拟摇奖器

2016-05-11 10:49 330 查看

手机抢购器

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<script>
var time;
var secondsum;
function limitsale(){
var hours=document.getElementById("hour");
var minutes=document.getElementById("minute");
var seconds=document.getElementById("second");
secondsum++;
if(seconds.value==0){
seconds.value=60;
minutes.value=parseInt(minutes.value)-1;
}
seconds.value=parseInt(seconds.value)-1;
if(secondsum%3600==0){
hours.value=parseInt(hours.value)-1;
seconds.value=60;
minutes.value=59;
}
if(hours.value==0){
if(minutes.value==0){
if(seconds.value==0){
window.clearInterval(time);
}
}
}
}
time=window.setInterval("limitsale()",1000);
</script>
</head>

<body bgcolor="#000000" onload="limitsale()">
<br /><br /><br /><br /><br />
<center>
<img src="iPhone.jpg" style="width:300px;height:300px" />
   
<input type="text" value="0" id="hour" style="width:30px;height:30px"/>
<font color="#FFFFFF">小时</font>
<input type="text" value="2" id="minute" style="width:30px;height:30px"/>
<font color="#FFFFFF">分钟</font>
<input type="text" value="0" id="second" style="width:30px;height:30px"/>
<font color="#FFFFFF">秒</font>
</center>
</body>
</html>

双色球模拟摇奖器

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<script language="javascript">
var number=0;
var timer;
function time(){
var numr1=document.getElementById("randomnumr1");
var numr2=document.getElementById("randomnumr2");
var numr3=document.getElementById("randomnumr3");
var numr4=document.getElementById("randomnumr4");
var numr5=document.getElementById("randomnumr5");
var numr6=document.getElementById("randomnumr6");
var numb=document.getElementById("randomnumb");
var num=document.getElementById("randomnum");
number++;
if(number<=30){
num.value=Math.floor(Math.random()*33+1);//1-33  ;
if(number==5){
numr1.value=num.value;
}if(number==10){
numr2.value=num.value;
}if(number==15){
numr3.value=num.value;
}if(number==20){
numr4.value=num.value;
}if(number==25){
numr5.value=num.value;
}if(number==30){
numr6.value=num.value;
}
}
else if(number>30){
num.value=Math.floor(Math.random()*16+1);//1-16
if(number==35){
numb.value=num.value;
ownstop();
}
}
}
function ownstart(){
var numr1=document.getElementById("randomnumr1");
var numr2=document.getElementById("randomnumr2");
var numr3=document.getElementById("randomnumr3");
var numr4=document.getElementById("randomnumr4");
var numr5=document.getElementById("randomnumr5");
var numr6=document.getElementById("randomnumr6");
var numb=document.getElementById("randomnumb");
var num=document.getElementById("randomnum");
numr1.value="";
numr2.value="";
numr3.value="";
numr4.value="";
numr5.value="";
numr6.value="";
numb.value="";
num.value="";
number=0;
timer=window.setInterval("time()",1000);
}
function ownstop(){
window.clearInterval(timer);
}
</script>
</head>

<body style="background:url(双色球.jpg) no-repeat; background-position:top; background-size:cover">
<center>
<br /><br /><br /><br />
<input type="text" style="width:30px;height:30px;color:#F00" id="randomnumr1" />
          
<input type="text" style="width:30px;height:30px;color:#F00; alignment-adjust:central" id="randomnumr2" />
          
<input type="text" style="width:30px;height:30px;color:#F00" id="randomnumr3" />
          
<input type="text" style="width:30px;height:30px;color:#F00" id="randomnumr4" />
          
<input type="text" style="width:30px;height:30px;color:#F00"id="randomnumr5" />
          
<input type="text" style="width:30px;height:30px;color:#F00" id="randomnumr6" />
          
<input type="text" style="width:30px;height:30px;color:#00F"id="randomnumb" />
<br /><br /><br /><br />
<input type="text" style="width:30px;height:30px"id="randomnum"/><br /><br>
<input type="button" value="开始摇奖" onclick="ownstart()" />
</center>
</body>
</html>

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签： javascript 摇奖器抢购器

相关文章推荐

新的分享

章节导航