宝哥软件园

JS实现课堂随机点名和顺序点名

编辑:宝哥软件园 来源:互联网 时间:2021-09-05

1.效果:

2.超文本标记语言代码:

bodyform div align=中心输入类型='按钮'值='开始点名onclick=' students()' class=' ks '/input type=' button ' value='停止点名onclick=' stop()' class=' ks ' id=' nu '/HR color=' blue ' br div id=' div 1 ' align=' center '随机点名区域/div /div/form/body3 .Java脚本语言代码:

脚本类型=' text/JavaScript ' var I=0;//t用来接收setTimeOut()的返回值var t;var st=['张三','李四', '老王','旺财','铁柱', '王八','来福','小明','小红','狗蛋,' SB .子'];var u;//点名函数函数学生(){ //顺序点名/* if(I ST . length){ u=ST[I];} else { //点到最后一个就回来重新点起I=0;u=ST[I];} I=I 1;*///随机点名产生0-数组长度之间的数作为数组下标var num=数学。地板(数学。random()* ST . length);u=ST[num];//更改文本框显示的价值值document.getElementById('div1 ').innerHTML=u;t=setTimeout('students()',1000);} //停止点名函数函数stop(){ clear time out(t);} /script4 .半铸钢钢性铸铁(铸造半钢)代码:

样式类型=' text/CSS '正文{ background : # F5 faff} .ks {宽度: 140px线高: 55px文本对齐:中心;字体粗细:粗体;color : # ffft ext-shadow :2 px 2px 2px # 333;边界半径: 5px余量:0 20px 20px 0;相对位置:飞越:隐藏;背景色:石灰绿;border:1px实心# d2a 000 box-shadow : 0 1px 2px # fed 71插图0 -1px 0 #a38b39插图0-2px 3px #进料71插图;} # nu {底色:红;} #div1 { font:40px '微软雅黑;文本对齐:中心;背景-color : gainsboro;宽度: 60%;高度: 60%;边距-底部:20 px}/样式以上所述是小编给大家介绍的射流研究…实现课堂随机点名和顺序点名,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对我们网站的支持!

更多资讯
游戏推荐
更多+