快捷搜索:  as  1111

Javascript实现的随机点名代码,附有效果图

以下代码是一个用Javascript实现的随机点名的小法度榜样,直接拷贝到HTML页面中就可以运行,简洁方便,后面有效果图,盼望大年夜家爱好!

幸运星 便是你

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

{

//下面这样写 主如果为了按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;

totalTime = totalTime + time;//每次运行的光阴累加

if(totalTime

1

2

3

4

5

16

6

15

7

14

8

13

12

11

10

9

效果图显示:

您可能还会对下面的文章感兴趣: