本文实例为大家分享了js实现随机点名的具体代码,供大家参考,具体内容如下

效果:

PS:在原来的效果中很快的,但是不知怎么的录下来就变得这么慢了

代码如下:

随机点名

.box{

width: 800px;

margin: 200px auto;

text-align: center;

}

.box h2{

font-size: 55px;

font-weight: 800;

}

.box input{

outline: none;

border: none;

background: blue;

color: white;

width: 100px;

height: 50px;

font-size: 15px;

font-weight: 600;

}

请点击下面的按钮,开始抽奖!

var btn= document.getElementById("btn");

var res= document.getElementById("res");

var student=["张三","李四","王二","麻子","小明","小王","小胡","小虎","狗子","多银币","贡子哥","刘青松","瞎子","亚索"]

var flag=true;

var timer=null;

//

btn.οnclick=function(){

if(flag){

timer= setInterval(function(){

var index= getRandom(student.length-1,0) ;

res.innerHTML=student[index];

},10);

btn.value="点击结束";

flag=false;

}else{

clearInterval(timer);

btn.value="点击开始";

flag=true;

}

}

function getRandom(max,min){

return Math.round(Math.random()*(max-min)+min);

}

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

matlab运用函数随机点名,js实现随机点名功能相关推荐

  1. matlab程序模拟微信抢红包,js仿微信抢红包功能

    本文实例为大家分享了Android九宫格图片展示的具体代码,供大家参考,具体内容如下 仿微信抢红包 html,body,div{margin:0;padding:0;} body{background ...

  2. 使用原生Js实现随机点名

    使用原生Js实现随机点名 最近学了一点前端内容,老师让用js设计一个班里的随机点名器.就尝试写了一个,具体实现效果如图: 实现代码: <!DOCTYPE html> <html la ...

  3. matlab中拟合函数中的gian值,如何在Matlab中优化基本周期图法对随机信号进行的功率谱估计...

    首都师范大学学报(自然科学版)第27卷 第5期2006年10月 Journal of Capital N ormal University (Natural Science Edition ) V o ...

  4. js实现随机选取[10,100)中的10个整数,存入一个数组,并排序。 另考虑(10,100]和[10,100]两种情况。...

    1.js实现随机选取[10,100)中的10个整数,存入一个数组,并排序. 1 <!DOCTYPE html> 2 <html lang="en"> 3 & ...

  5. php js抽奖,JS做出随机抽奖系统

    这次给大家带来JS做出随机抽奖系统,JS做出随机抽奖系统的注意事项有哪些,下面就是实战案例,一起来看一下. 用JavaScript实现一个简单的抽奖系统,有[开始]按钮和[停止]按钮. 功能: - 点 ...

  6. matlab 随机骨料程序,基于matlab的混凝土三维圆形骨料模型随机投放方法.pdf

    一试验研究 斑楚遽1村 2Ol2年 基于matlab的混凝土三维圆形骨料模型 随机投放 方法 张海波 ,.何军拥. (1.广州航海高等专科学校,广东 广州 510330:2.广东工贸职业技术学院,广东 ...

  7. matlab 随机骨料程序,基于matlab的混凝土三维圆形骨料模型随机投放方法

    2012 年■ 试验研究 基于 matlab 的混凝土三维圆形骨料模型随机投放方法 张海波 1,何军拥 2 (1.广州航海高等专科学校,广东广州 510330: 2.广东工贸职业技术学院,广东广州 5 ...

  8. js 生成随机字符串,生成随机机器码

    一.生成随机字符串. //生成随机字符串 function randomString(len) {len = len || 32;var $chars = 'ABCDEFGHJKMNPQRSTWXYZ ...

  9. element table row-style 实现列颜色区分 以及 js生成随机色,避免相近色

    实现仓库看板需求遇到的问题 table 显示的不同订单生产编码同时下线字体用不同颜色区分 随机生成颜色,不能过于相似,避免灰颜与过暗 步骤 需要实现不同的订单号展示不同的颜色.之前有使用 " ...

最新文章

  1. 如何洞察行业中的应用场景?(上篇)
  2. ajax实现简单的点击左侧菜单,右侧加载不同网页
  3. Linear Regression Example
  4. python论文格式检查系统_论文格式检查软件
  5. flex页面布局练习--知乎
  6. 汇编语言学习笔记(五)
  7. oracle中join另一个表后会查询不出一些数据_面试必备 | 8个Hive数据仓工具面试题锦集!...
  8. [Java] 蓝桥杯 BEGIN-4 入门训练 Fibonacci数列
  9. python调用soap_如何在python zeep中调用soap api而不使用wsdl(非wsdl模式)?使用用户和密码身份验证调用位置URL...
  10. 什么软件可以修改PDF,PDF如何添加页码
  11. 华硕Android原始密码,华硕(ASUS)路由器默认密码是多少? | 192路由网
  12. 网页前端基础三:JSP技术
  13. Ubuntu、Windows10 设置多个网卡连接网络的优先级(默认路由器设置)IPv4 + IPv6
  14. idea自动化部署Alibaba Cloud Toolkit
  15. 乔治城大学计算机科学硕士2019,[2019世界大学排名]2019乔治城大学排名
  16. k8s重要概念及部署k8s集群(一)
  17. 阿里云的端口映射问题
  18. velodyne运行Loam_velodyne过程记录
  19. python有哪些细节描写_关于描写细节描写的句子
  20. SWUST OJ#1052 输出利用先序遍历创建的二叉树中的指定结点的双亲结点

热门文章

  1. android和ios适配_针对iOS和Android设计时“并非总是”情况的8个UX设计技巧
  2. 简单易上手|纯前端导出excel + 常用样式的修改(vue + xlsx + xlsx-style)
  3. 认清各种影视资源不同版本
  4. CTF Misc(2)内存取证基础以及原理,覆盖了大部分题型
  5. Vue组件、Vue插件创建与使用
  6. Retrieval based on EI tree学习笔记
  7. java mkfifo_pipe/popen/mkfifo
  8. 生成器——send用法
  9. python环境下用open3d可视化mesh
  10. 人脸识别常用的数据库