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提交表单 Form.js官方插件介绍
Mar 01 Javascript
深入理解JavaScript系列(14) 作用域链介绍(Scope Chain)
Apr 12 Javascript
JS组件Bootstrap Table表格行拖拽效果实现代码
Aug 27 Javascript
jQuery视差滚动效果网页实现方法经验总结
Sep 29 Javascript
Bootstrap源码解读模态弹出框(11)
Dec 28 Javascript
jQuery基于正则表达式的表单验证功能示例
Jan 21 Javascript
jquery easyui DataGrid简单示例
Jan 23 Javascript
JS实现div模块的截图并下载功能
Oct 17 Javascript
JavaScript求一组数的最小公倍数和最大公约数常用算法详解【面向对象,回归迭代和循环】
May 07 Javascript
详解jQuery中的prop()使用方法
Jan 05 jQuery
vue-video-player实现实时视频播放方式(监控设备-rtmp流)
Aug 10 Javascript
JavaScript实现页面动态验证码的实现示例
Mar 23 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伪静态写法附代码
2008/06/20 PHP
php中通过虚代理实现延迟加载的实现代码
2011/06/10 PHP
PHP类与对象中的private访问控制的疑问
2012/11/01 PHP
php计算函数执行时间的方法
2015/03/20 PHP
phpstudy2018升级MySQL5.5为5.7教程(图文)
2018/10/24 PHP
PHP使用CURL实现下载文件功能示例
2019/06/03 PHP
HTML Dom与Css控制方法
2010/10/25 Javascript
jquery live()调用不存在的解决方法
2014/02/26 Javascript
node.js中watch机制详解
2014/11/17 Javascript
jquery+css实现动感的图片切换效果
2015/11/25 Javascript
Angular.js与Bootstrap相结合实现手风琴菜单代码
2016/04/13 Javascript
jQuery hover事件简单实现同时绑定2个方法
2016/06/07 Javascript
只需五句话搞定JavaScript作用域(经典)
2016/07/26 Javascript
JS在Chrome浏览器中showModalDialog函数返回值为undefined的解决方法
2016/08/03 Javascript
JS实现数组的增删改查操作示例
2018/08/29 Javascript
JavaScript队列结构Queue实现过程解析
2020/03/07 Javascript
vue 实现setInterval 创建和销毁实例
2020/07/21 Javascript
JavaScript 事件代理需要注意的地方
2020/09/08 Javascript
Python实现控制台输入密码的方法
2015/05/29 Python
Python使用win32 COM实现Excel的写入与保存功能示例
2018/05/03 Python
详解python 注释、变量、类型
2018/08/10 Python
python删除字符串中指定字符的方法
2018/08/13 Python
pygame游戏之旅 添加碰撞效果的方法
2018/11/20 Python
python opencv实现证件照换底功能
2019/08/19 Python
python将四元数变换为旋转矩阵的实例
2019/12/04 Python
Python图片处理模块PIL操作方法(pillow)
2020/04/07 Python
Python中and和or如何使用
2020/05/28 Python
html5的画布canvas——画出简单的矩形、三角形实例代码
2013/06/09 HTML / CSS
介绍一下Mysql的存储引擎
2015/02/12 面试题
电子商务专业自我鉴定
2013/12/18 职场文书
2015年党员承诺书
2015/01/21 职场文书
开国大典观后感
2015/06/04 职场文书
会计专业自荐信范文
2019/05/22 职场文书
JS中如何优雅的使用async await详解
2021/10/05 Javascript
Vertica集成Apache Hudi重磅使用指南
2022/03/31 Servers
css3手动实现pc端横向滚动
2022/06/21 HTML / CSS