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