欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

js 随机点名

程序员文章站 2022-04-05 10:29:04
1、对象构造函数 设置节点与人名 2、生成随机对象 3、开始事件 4、结束事件 代码下载地址:https://pan.baidu.com/s/1DgOWML9OoOoA2fiddeYCTQ ......

 

1、对象构造函数

设置节点与人名

    constructor({ printelement, startelement, stopelement , person }) {
        this.list = person;  
        this.printelement = printelement;
        this.startelement = startelement;
        this.stopelement = stopelement;
        this.interval = null;
        this.time = 100;
    }

 

2、生成随机对象

    /**
     * 随机人名
     */
    random(){
        // 获取区间范围内的数据
        let num = math.floor(math.random() * this.list.length);
        return this.list[num]
    }

 

3、开始事件

    /**
     * 开始
     */
    start() {
        let [startnode, printnode, index] = [
            document.getelementbyid(this.startelement),
            document.getelementbyid(this.printelement)
        ]
        startnode.addeventlistener("click", (event) => {
            this.interval = setinterval((event) => {                
                printnode.textcontent = this.random();
            }, this.time, printnode);
        }, false);
    }

 

4、结束事件

    /**
     * 停止
     */
    stop() {
        let node = document.getelementbyid(this.stopelement);
        node.addeventlistener('click', (event) => {
            clearinterval(this.interval);
        }, false);
    }

 

代码下载地址:https://pan.baidu.com/s/1dgowml9ooooa2fiddeyctq