首页 > 其他 > 详细

简单的点名器

时间:2021-06-02 15:46:01      阅读:15      评论:0      收藏:0      [点我收藏+]
var arr = [‘范德彪‘, ‘马大帅‘, ‘郭富城‘, ‘刘德华‘, ‘张学友‘, ‘林俊杰‘, ‘熊大‘, ‘熊二‘, ‘杯子‘, ‘卑鄙‘, ‘刘华强‘, ‘雪碧‘]
    var recordTimer = {}
    var it;
    function btn() {
      clearInterval(it)
      di.style.color = "black"
      console.log(arguments[0])
      var countTime = 0;
      var orderNameTime = 20;
      it = window.setInterval(function () {
        var di = document.getElementById("di");
        var index = parseInt(Math.random() * (arr.length - 1));
        di.innerHTML = arr[index]
        orderNameTime--;
        if (!orderNameTime) {
          clearInterval(it)
          di.style.color = "red"
          console.log("点名完毕")
        }
      }, 300)
    }

其中,js定时器的用法,解决多次点击/触发定时器越走越快的问题
那就要在每次初始化定时器之前先执行清除操作,保证只有一个定时器在执行,就不会出现这样的问题了。

简单的点名器

原文:https://www.cnblogs.com/fc11/p/14839981.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!