js写点名器

开始点名
停止点名
<script>
  var cname = [
    "1",
    "2",
    "3",
    "4",
    "5",
    "6",
    "7",
    "8",
    "9"
  ];

  var div = document.getElementsByTagName("div")[0];
  var btn = document.getElementsByTagName("button")[0];
  var timer;
  var flag=true;
  // 1:点击开始点名, div 随机出现一个人名、
  div.onclick = function() {
    
    if(flag){
      flag=false;
    //  timer 作用:setInterval 执行次数的识别数;1 2 3 ... 表示执行吃书
     timer = setInterval(function() {
    //  name 是关键字 ; 遍历 Cname 数组
      cname.forEach(function(item, index) {
        //  item 数组元素;index数组索引值
        //  每次循环都生成一个随机数据。
        var random = Math.round(Math.random() * (cname.length - 1));
        // 获取随机名字
        a = cname[random];
        // 显示随机名字
        div.innerHTML = a;
        
      });
    }, 20);
  } 
    console.log(timer);
  }
    btn.onclick = function() {

    //   div.innerHTML = "未中奖";
    //  停止计计时器
      clearInterval(timer);
     
      flag=true;
    };
  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值