js实现随机点名小功能
更新时间：2017年08月17日 09:59:57 作者：蒲小若
这篇文章主要为大家详细介绍了js实现随机点名小功能，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
本文实例为大家分享了js实现随机点名功能的具体代码，供大家参考，具体内容如下
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
<div id="name1"></div>
<button id="btn">stop</button>
</body>
<script type="text/javascript">
var flag = true;
var str = "张三,李四,王五,马六";
var arr = str.split(",");
var interId = setInterval("randName()",100);
function randName(){
var rand = Math.floor(Math.random() * arr.length);
name1.innerHTML = arr[rand];
}
btn.onclick = function (){
if (flag) {
btn.innerHTML = "start";
clearInterval(interId);
flag = false;
} else{
btn.innerHTML = "stop";
interId = setInterval("randName()",100);
flag = true;
}
}
</script>
</html>
以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持脚本之家。
相关文章
选项卡的原理其实比较简单，就是设置2种状态，选中和未选中的2中不同CSS状态，因此也有直接不用JS之用css就能实现的效果2011-04-04
WebSocket是一种在单个TCP连接上进行全双工通信的协议，它可以让客户端和服务器之间进行实时的双向通信，这篇文章主要介绍了前端使用websocket发送消息的示例代码,需要的朋友可以参考下2023-07-07
sort()方法主要是用于对数组进行排序，默认情况下该方法是将数组元素转换成字符串，然后按照ASC码进行排序，这个大家都能理解，但如果数组元素是一个Object呢，转不了字符串，难道不能进行排序？答案当然是否定的,那么我们就来详细探讨下sort()方法的使用2015-08-08
这篇文章主要给大家介绍了关于js前端面试之同步与异步问题的相关资料，文中通过示例代码介绍的非常详细，对大家学习或者使用js具有一定的参考学习价值，需要的朋友们下面来一起学习学习吧2019-04-04
这篇文章主要介绍了JS实现的简单四则运算计算器功能,涉及javascript事件响应及数值运算相关操作技巧,需要的朋友可以参考下2017-09-09
本文通过实例给大家详细介绍了get post jsonp三种数据交互形式，非常不错，具有参考借鉴价值，需要的的朋友参考下吧2017-08-08
JavaScript学习小结(一)——JavaScript入门基础
本教程比较适合javascript初学者，对javascript基本知识的小结包括变量，基本类型等知识点，需要的朋友一起来学习吧2015-09-09
当用户勾选显示明文复选框时，要以明文显示用户输入的密码，去掉勾选时要变回密文，问题是ie8中是不允许修改input的type属性2014-09-09
这篇文章主要为大家详细介绍了原生javascript+CSS实现轮播图效果，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2021-08-08
Javascript代码混淆综合解决方案-Javascript在线混淆器
Javascript代码混淆综合解决方案-Javascript在线混淆器...2006-12-12
最新评论