matlab运用函数随机点名,js实现随机点名功能
本文实例为大家分享了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实现随机点名功能相关推荐
- matlab程序模拟微信抢红包,js仿微信抢红包功能
本文实例为大家分享了Android九宫格图片展示的具体代码,供大家参考,具体内容如下 仿微信抢红包 html,body,div{margin:0;padding:0;} body{background ...
- 使用原生Js实现随机点名
使用原生Js实现随机点名 最近学了一点前端内容,老师让用js设计一个班里的随机点名器.就尝试写了一个,具体实现效果如图: 实现代码: <!DOCTYPE html> <html la ...
- matlab中拟合函数中的gian值,如何在Matlab中优化基本周期图法对随机信号进行的功率谱估计...
首都师范大学学报(自然科学版)第27卷 第5期2006年10月 Journal of Capital N ormal University (Natural Science Edition ) V o ...
- js实现随机选取[10,100)中的10个整数,存入一个数组,并排序。 另考虑(10,100]和[10,100]两种情况。...
1.js实现随机选取[10,100)中的10个整数,存入一个数组,并排序. 1 <!DOCTYPE html> 2 <html lang="en"> 3 & ...
- php js抽奖,JS做出随机抽奖系统
这次给大家带来JS做出随机抽奖系统,JS做出随机抽奖系统的注意事项有哪些,下面就是实战案例,一起来看一下. 用JavaScript实现一个简单的抽奖系统,有[开始]按钮和[停止]按钮. 功能: - 点 ...
- matlab 随机骨料程序,基于matlab的混凝土三维圆形骨料模型随机投放方法.pdf
一试验研究 斑楚遽1村 2Ol2年 基于matlab的混凝土三维圆形骨料模型 随机投放 方法 张海波 ,.何军拥. (1.广州航海高等专科学校,广东 广州 510330:2.广东工贸职业技术学院,广东 ...
- matlab 随机骨料程序,基于matlab的混凝土三维圆形骨料模型随机投放方法
2012 年■ 试验研究 基于 matlab 的混凝土三维圆形骨料模型随机投放方法 张海波 1,何军拥 2 (1.广州航海高等专科学校,广东广州 510330: 2.广东工贸职业技术学院,广东广州 5 ...
- js 生成随机字符串,生成随机机器码
一.生成随机字符串. //生成随机字符串 function randomString(len) {len = len || 32;var $chars = 'ABCDEFGHJKMNPQRSTWXYZ ...
- element table row-style 实现列颜色区分 以及 js生成随机色,避免相近色
实现仓库看板需求遇到的问题 table 显示的不同订单生产编码同时下线字体用不同颜色区分 随机生成颜色,不能过于相似,避免灰颜与过暗 步骤 需要实现不同的订单号展示不同的颜色.之前有使用 " ...
最新文章
- 如何洞察行业中的应用场景?(上篇)
- ajax实现简单的点击左侧菜单,右侧加载不同网页
- Linear Regression Example
- python论文格式检查系统_论文格式检查软件
- flex页面布局练习--知乎
- 汇编语言学习笔记(五)
- oracle中join另一个表后会查询不出一些数据_面试必备 | 8个Hive数据仓工具面试题锦集!...
- [Java] 蓝桥杯 BEGIN-4 入门训练 Fibonacci数列
- python调用soap_如何在python zeep中调用soap api而不使用wsdl(非wsdl模式)?使用用户和密码身份验证调用位置URL...
- 什么软件可以修改PDF,PDF如何添加页码
- 华硕Android原始密码,华硕(ASUS)路由器默认密码是多少? | 192路由网
- 网页前端基础三:JSP技术
- Ubuntu、Windows10 设置多个网卡连接网络的优先级(默认路由器设置)IPv4 + IPv6
- idea自动化部署Alibaba Cloud Toolkit
- 乔治城大学计算机科学硕士2019,[2019世界大学排名]2019乔治城大学排名
- k8s重要概念及部署k8s集群(一)
- 阿里云的端口映射问题
- velodyne运行Loam_velodyne过程记录
- python有哪些细节描写_关于描写细节描写的句子
- SWUST OJ#1052 输出利用先序遍历创建的二叉树中的指定结点的双亲结点
热门文章
- android和ios适配_针对iOS和Android设计时“并非总是”情况的8个UX设计技巧
- 简单易上手|纯前端导出excel + 常用样式的修改(vue + xlsx + xlsx-style)
- 认清各种影视资源不同版本
- CTF Misc(2)内存取证基础以及原理,覆盖了大部分题型
- Vue组件、Vue插件创建与使用
- Retrieval based on EI tree学习笔记
- java mkfifo_pipe/popen/mkfifo
- 生成器——send用法
- python环境下用open3d可视化mesh
- 人脸识别常用的数据库