关于js实现一个简单的点名器
2020-06-29 04:59
1036 查看
javascript 实现简单点名器
- css样式 <style> .box{ width: 350px; height: 300px; background-color: antiquewhite; margin: 0 auto; text-align: center; } #names{ width: 260px; height: 260px; line-height: 260px; background-color: aquamarine; margin: 0 auto; font-size: 32px; color: red; } </style> - body部分 <body> <div class="box"> <div id="names">点名了!!</div> <button onclick="start()">开始</button> <button onclick="end()">停止</button> </div> - script部分 <!-- 随机点名效果 --> <script> var names = document.getElementById('names'); var timeId; //封装的事随机显示名字的代码 function start(){ //数组,存放学生的名字 var arr = ['亚瑟','不知火舞','安琪拉','貂蝉','鲁班七号']; timeId = setInterval(function(){ //随机从数组里去元素 var num = parseInt(Math.random() *arr.length) names.innerHTML=arr[num]; },200) } function end(){ clearInterval(timeId); } </script> </body>
相关文章推荐
- 问题:关于贴友一个用js传递value默认值的简单实现
- 问题:关于贴友一个用js传递value默认值的简单实现
- 关于JbpmCenter和Mule整合实现一个审核的简单例子
- node.js 一个简单的页面输出实现代码
- JS实现一个简单的抽奖系统
- node.js 一个简单的页面输出实现代码
- 使用Node.js + MongoDB实现一个简单的日志分析系统
- 无聊的人用JS实现了一个简单的打地鼠游戏
- 3月题外:关于JS实现图片缩略图效果的一个小问题
- 使用Node.js + MongoDB实现一个简单的日志分析系统
- JS实现的一个简单的Autocomplete自动完成例子
- 关于贴友的一个书本页面简单布局(html+css)的实现
- JS实现一个简单的计算器
- 一个简单的关于计算器功能的实现(剽窃)
- 3月题外:关于JS实现图片缩略图效果的一个小问题
- ant design+node.js+mongoose实现一个简单的注册登录功能
- 关于单点认证的一个简单实现(结合Form认证)!
- js+Css实现的一个简单对话框
- 关于一个JS功能实现的思维方式
- js 简单实现一个时间倒计时计数器