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
js 随机点名
原文地址：https://www.cnblogs.com/whnba/p/10199214.html