html老师点名软件的代码,随机点名器点击按钮文字随机点名器代码

特效描述：随机点名器 点击按钮 文字随机点名，js特效

代码结构

1. HTML代码

点名器

*{margin:0;padding:0;list-style-type:none;}

a,img{border:0;}

body{font:12px/180% "Microsoft YaHei","微软雅黑", "宋体";}

#bodybj{background:url(images.jpg) no-repeat center top;}

#box{margin:auto;width:660px;font-size:66px;height:94px;line-height:94px;overflow:hidden;color:#138eee;text-align:center;padding:0 30px;margin-top:200px;}

#bt{margin:auto;width:200px;text-align:center;margin-top:75px;color:#fff;font-size:25px;line-height:28px;cursor:pointer;}

var namelist=[

"张三","李四","王五","贺六","孙九","赵十","刘一"];

var mytime=null;

function doit(){

var bt=window.document.getElementById("bt");

if(mytime==null){

bt.innerHTML="停止点名";

show();

}else{

bt.innerHTML="开始点名";

clearTimeout(mytime);

mytime=null;

}

}

function show(){

var box=window.document.getElementById("box");

var num=Math.floor((Math.random()*100000))%namelist.length;

box.innerHTML=namelist[num];

mytime=setTimeout("show()",1);

}

亲，准备好点名了吗？

开始点名