|
以下代码是一个用Javascript实现的随机点名的小程序，直接拷贝到HTML页面中就可以运行，简洁方便，后面有效果图，希望大家喜欢！
<html xmlns="http://www.w3.org/1999/xhtml">
<title>幸运星 就是你</title>
<style>
td {
background-color: #FFFF00;
border: 1px solid #009933;
font-size: 50pt;
height: 70px;
width: 75px;
text-align: center;
}
.button {
background-color: transparent;
border: 1px solid #009933;
font-size: 20pt;
color: #009933;
height: 40px;
width: 100px;
}
.sp {
background-color: #FFFFFF;
}
.total {
border: 1px solid #009933;
border-bottom: 1px solid #009933;
border-top: 0px;
border-left: 0px;
border-right: 0px;
background-color: transparent; /* 背景色透明 */
text-align: center;
font-size: 14px;
color: green;
width: 50px;
}
.f {
font-size: 14px;
color: #009933;
}
</style>
<script type="text/javascript" language="javascript">
var tds = document.getElementsByTagName("td");//获得所有的td
var time;//每跳一格运行的时间 1-50ms之间
var count = 0;//每个td对应的下标
var totalTime;//每跳一格运行时间的总和
var maxTime;//maxTime是每次运行的最大时间 在10
var flag;//用来开始和停止的标识 1表示开始 0表示结束
//开始
function begin()
{
flag = 1;
maxTime = Math.floor(Math.random()*3000) + Math.floor(Math.random()*2000) + 1000;
totalTime = 0;//每次运行时 将前一次运行的总时间 清零
changeColor();
}
//结束
function end()
{
flag = 0;
}
function changeColor()
{
time = Math.floor(Math.random()*50) + 1;//本行放在这里 则每次每格运行的时间是不一样的
if(count < tds.length)
{
//下面这样写 主要是为了按1-16顺序选择 本人觉得不是很好 如果哪位大侠有更好的 欢迎指教
tds[count].style.color="#FF0DF0";
rollback(count);
if(count == 4)
{
count = 6;//输出6
}
else if(count == 7)
{
rollback(count);
count = 8;//输出7
}
else if(count == 9)
{
rollback(count);
count = 10;//输出8
}
else if(count == 11)
{
rollback(count);
count = 15;//输出9
}
else if(count == 16)
{
rollback(count);
count = 14;//输出10
}
else if(count == 15)
{
rollback(count);
count = 13;//输出11
}
else if(count == 14)
{
rollback(count);
count = 12;//输出12
}
else if(count == 13)
{
rollback(count);
count = 11;//输出13
}
else if(count == 12)
{
rollback(count);
count = 9;//输出14
}
else if(count == 10)
{
rollback(count);
count = 7;//输出15
}
else if(count == 8)
{
rollback(count);
count = 4;//输出16
}
else if(count == 5)//当显示的是16时 转头重新从1开始显示
{
count = -1;
}
}
count = count + 1;
共2页: 上一页 1 [2] 下一页
| 
