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实现的让超出显示范围外的导航自动固定屏幕最顶上
Sep 22 Javascript
jQuery实现Email邮箱地址自动补全功能代码
Nov 03 Javascript
jQuery获取及设置表单input各种类型值的方法小结
May 24 Javascript
浅谈MVC+EF easyui dataGrid 动态加载分页表格
Nov 10 Javascript
JavaScript基础之流程控制语句的用法
Aug 31 Javascript
动态创建Angular组件实现popup弹窗功能
Sep 15 Javascript
element-ui中select组件绑定值改变,触发change事件方法
Aug 24 Javascript
手动下载Chrome并解决puppeteer无法使用问题
Nov 12 Javascript
Node.js一行代码实现静态文件服务器的方法步骤
May 07 Javascript
vue递归组件实战之简单树形控件实例代码
Aug 27 Javascript
JS使用H5实现图片预览功能
Sep 30 Javascript
微信小程序获取当前位置和城市名
Nov 13 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 URL验证正则表达式
2011/07/19 PHP
php实现QQ空间获取当前用户的用户名并生成图片
2015/07/25 PHP
PHP共享内存用法实例分析
2016/02/12 PHP
使用XHProf查找PHP性能瓶颈的实例
2017/12/13 PHP
PHPExcel实现的读取多工作表操作示例
2020/04/14 PHP
JS实现仿京东淘宝竖排二级导航
2014/12/08 Javascript
jquery动态添加删除(tr/td)
2015/02/09 Javascript
JavaScript数组合并的多种方法
2016/05/22 Javascript
微信小程序 开发工具快捷键整理
2016/10/31 Javascript
javascript简单进制转换实现方法
2016/11/24 Javascript
基于javascript实现的快速排序
2016/12/02 Javascript
20行js代码实现的贪吃蛇小游戏
2017/06/20 Javascript
Vue from-validate 表单验证的示例代码
2017/09/26 Javascript
Vue+Mock.js模拟登录和表格的增删改查功能
2018/07/26 Javascript
微信小程序表单验证插件WxValidate的二次封装功能(终极版)
2019/09/03 Javascript
如何在面试中手写出javascript节流和防抖函数
2020/10/22 Javascript
vue项目配置 webpack-obfuscator 进行代码加密混淆的实现
2021/02/26 Vue.js
[46:20]DOTA2-DPC中国联赛 正赛 PSG.LGD vs LBZS BO3 第二场 1月22日
2021/03/11 DOTA
Python 爬虫学习笔记之多线程爬虫
2016/09/21 Python
python通过Windows下远程控制Linux系统
2018/06/20 Python
Python3实现汉语转换为汉语拼音
2019/07/08 Python
Python matplotlib以日期为x轴作图代码实例
2019/11/22 Python
Python综合应用名片管理系统案例详解
2020/01/03 Python
使用 Python 处理3万多条数据只要几秒钟
2020/01/19 Python
python函数中将变量名转换成字符串实例
2020/05/11 Python
利用Python中的Xpath实现一个在线汇率转换器
2020/09/09 Python
上海期货面试题
2014/01/31 面试题
大学生村官典型材料
2014/01/12 职场文书
毕业自我鉴定书
2014/03/24 职场文书
大学团日活动新闻稿
2014/09/10 职场文书
检讨书模板大全
2015/05/07 职场文书
竞聘书的秘诀
2019/04/02 职场文书
总结python多进程multiprocessing的相关知识
2021/06/29 Python
Android自定义ScrollView实现阻尼回弹
2022/04/01 Java/Android
Spring Boot 底层原理基础深度解析
2022/04/03 Java/Android
css3属性选择器 “~”(波浪号) “,”(逗号) “+”(加号)和 “>”(大于号)
2022/04/19 HTML / CSS