微客导航 » 文章资讯 » JavaScript实现随机点名器

JavaScript实现随机点名器

2023-07-28 18:22:15 165

本文实例为大家分享了JavaScript实现随机点名器效果图的具体代码，供大家参考，具体内容如下

js实现随机点名器的思路
利用setTimeout()计时器实现随机的效果，功能函数

functionshow(){
varbox=window.document.getElementById("box");
varnum=Math.floor((Math.random()*100000))%namelist.length;
box.innerHTML=namelist[num];
mytime=setTimeout("show()",1);
}

完整代码如下：





点击按钮随机点名-样式布局参考

#box{
margin:auto;
width:660px;
font-size:66px;
height:94px;
color:#138eee;
text-align:center;
margin-top:200px;
}
#bt{
margin:auto;
width:200px;
text-align:center;
margin-top:75px;
color:#fff;
font-size:25px;
cursor:pointer;
}


varnamelist=["张三","李四","王五","赵六","孙七"];
varmytime=null;

functiondoit(){
varbt=window.document.getElementById("bt");
if(mytime==null){
bt.innerHTML="停止";
show();
}
else{
bt.innerHTML="开始点名";
clearTimeout(mytime);
mytime=null;
}
}

functionshow(){
varbox=window.document.getElementById("box");
varnum=Math.floor((Math.random()*100000))%namelist.length;
box.innerHTML=namelist[num];
mytime=setTimeout("show()",1);
}



亲，准备好点名了吗？

开始点名

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持毛票票。

声明：本文内容来源于网络，版权归原作者所有，内容由互联网用户自发贡献自行上传，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任。如果您发现有涉嫌版权的内容，欢迎发送邮件至：czq8825#qq.com（发邮件时，请将#更换为@）进行举报，并提供相关证据，一经查实，本站将立刻删除涉嫌侵权内容。

返回顶部
3162201930
czq8825@qq.com

JavaScript实现随机点名器

热门推荐

随机推荐