当前位置:主页 > javascript教程 > js实现随机点名小功能

js随机点名小功能代码实例

发布:2020-02-07 16:58:42 158


本站收集了一篇javascript相关的编程文章,网友焦建茗根据主题投稿了本篇教程内容,涉及到js、随机点名、js实现随机点名小功能相关内容,已被384网友关注,下面的电子资料对本篇知识点有更加详尽的解释。

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> 


以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持码农之家。


参考资料

相关文章

  • 如何解决JS浮点数运算结果不精确的Bug

    发布:2019-11-16

    这篇文章主要给大家介绍了关于JS浮点数运算结果不精确的Bug解决,文中通过示例代码介绍的非常详细,对大家学习或者使用JS具有一定的参考学习价值,需要的朋友们下面来一起学习学习吧


  • js判断节假日的代码分享

    发布:2020-06-15

    因为要做一个日历控件,遇到国家法定节假日,怎么实现此功能呢?其实实现代码很简单的。下面小编给大家分享js判断节假日实例代码,需要的朋友参考下吧


  • vue 计时器组件的实现代码

    发布:2022-06-27

    给大家整理一篇关于vue的教程,本篇文章主要介绍了vue 计时器组件的实现代码,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧


  • JS实现延迟隐藏功能的代码

    发布:2019-12-18

    下面小编就为大家分享一篇JS实现延迟隐藏功能的方法(类似QQ头像鼠标放上展示信息),具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧


  • 详解vue项目接入微信JSSDK的坑

    详解vue项目接入微信JSSDK的坑

    发布:2022-06-17

    给大家整理了关于vue的教程,这篇文章主要介绍了详解vue项目接入微信JSSDK的坑,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧


  • Android autojs随时翻译剪贴板单词实现示例

    发布:2023-03-05

    这篇文章主要为大家介绍了Android autojs随时翻译剪贴板单词,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪


  • jsp页面中获取servlet请求中的参数方法总结

    发布:2019-11-28

    在JAVA WEB应用中,如何获取servlet请求中的参数,本文讲解了jsp页面中获取servlet请求中的参数的办法


  • javascript实现导航栏分页的代码示例

    发布:2021-06-12

    这篇文章主要为大家详细介绍了javascript实现导航栏分页效果,具有一定的参考价值,感兴趣的小伙伴们可以参考一下


网友讨论