js实现随机点名小功能


Posted in Javascript onAugust 17, 2017

本文实例为大家分享了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>

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

Javascript 相关文章推荐
jquery.alert 弹出式复选框实现代码
Jun 15 Javascript
jquery 元素相对定位代码
Oct 15 Javascript
JQuery验证jsp页面属性是否为空(实例代码)
Nov 08 Javascript
微信内置浏览器私有接口WeixinJSBridge介绍
May 25 Javascript
jquery获取css的color值返回RGB的方法
Dec 18 Javascript
详解AngularJS如何实现跨域请求
Aug 22 Javascript
JS实现购物车特效
Feb 02 Javascript
原生JavaScript实现Ajax异步请求
Nov 19 Javascript
vue单个组件实现无限层级多选菜单功能
Apr 10 Javascript
Angular中的ng-template及angular 使用ngTemplateOutlet 指令的方法
Aug 08 Javascript
在Layui中实现开关按钮的效果实例
Sep 29 Javascript
在 HTML 页面中使用 React的场景分析
Jan 18 Javascript
浅谈Vuejs Prop基本用法
Aug 17 #Javascript
简单快速的实现js计算器功能
Aug 17 #Javascript
使用jquery的jsonp如何发起跨域请求及其原理详解
Aug 17 #jQuery
如何理解Vue的.sync修饰符的使用
Aug 17 #Javascript
浅谈JS中的反柯里化( uncurrying)
Aug 17 #Javascript
js编写简单的聊天室功能
Aug 17 #Javascript
Angular使用 ng-img-max 调整浏览器中的图片的示例代码
Aug 17 #Javascript
You might like
PHP 获取远程文件大小的3种解决方法
2013/07/11 PHP
PHP获取指定函数定义在哪个文件中以及其所在的行号实例
2014/05/08 PHP
JavaScript面向对象编程
2008/03/02 Javascript
jQuery 性能优化指南(3)
2009/05/21 Javascript
Flexigrid在IE下不显示数据的处理的解决方法
2013/10/24 Javascript
Jquery 动态生成表格示例代码
2013/12/24 Javascript
JavaScript中使用Callback控制流程介绍
2015/03/16 Javascript
JS中取二维数组中最大值的方法汇总
2016/04/17 Javascript
ionic js 复选框 与普通的 HTML 复选框到底有没区别
2016/06/06 Javascript
将JSON字符串转换成Map对象的方法
2016/11/30 Javascript
Layer UI表格列日期格式化及取消自动填充日期的实现方法
2020/05/10 Javascript
node.js如何根据URL返回指定的图片详解
2020/10/21 Javascript
如何将Node.js中的回调转换为Promise
2020/11/10 Javascript
[05:41]2014DOTA2西雅图国际邀请赛 小组赛7月10日TOPPLAY
2014/07/10 DOTA
[01:19:35]DOTA2上海特级锦标赛主赛事日 - 3 败者组第三轮#2Fnatic VS OG第二局
2016/03/05 DOTA
[30:00]完美世界DOTA2联赛PWL S2 Rebirth vs LBZS 第二场 11.28
2020/12/01 DOTA
使用Python对IP进行转换的一些操作技巧小结
2015/11/09 Python
python判断一个集合是否为另一个集合的子集方法
2018/05/04 Python
python按照多个条件排序的方法
2019/02/08 Python
使用python画社交网络图实例代码
2019/07/10 Python
如何在mac下配置python虚拟环境
2020/07/06 Python
Python爬虫之Selenium警告框(弹窗)处理
2020/12/04 Python
HTML5中5个简单实用的API
2014/04/28 HTML / CSS
StubHub哥伦比亚:购买和出售您的门票
2016/10/20 全球购物
比利时网上药店: Drogisterij.net
2017/03/17 全球购物
美国知名珠宝首饰品牌:Gemvara
2017/10/06 全球购物
Brasty罗马尼亚:购买手表、香水、化妆品、珠宝
2020/04/21 全球购物
客户经理岗位职责
2013/12/08 职场文书
高一英语教学反思
2014/01/22 职场文书
活动倡议书范文
2014/05/13 职场文书
经济信息系毕业生自荐信
2014/06/02 职场文书
Nginx中break与last的区别详析
2021/03/31 Servers
pytorch model.cuda()花费时间很长的解决
2021/06/01 Python
Mysql binlog日志文件过大的解决
2021/10/05 MySQL
解决Mysql多行子查询的使用及空值问题
2022/01/22 MySQL
Android开发手册Chip监听及ChipGroup监听
2022/06/10 Java/Android