Html
<button id="start">開(kāi)始點(diǎn)名</button>
<button id="end">結(jié)束點(diǎn)名</button>
<div id="name"></div>
CSS
#name{
width: 135px;
text-align: center;
padding-top:10px;
}
JS
#name{
window.onload = function () {
var start = document.getElementById('start');
var end = document.getElementById('end');
var name = document.getElementById('name');
var nameArr = ['Leon','Allen','Ella','Lee','Howard'];
var timer = null;
// 開(kāi)始點(diǎn)名
start.onclick = function () {
// 清除定時(shí)器
clearInterval(timer);
// 設(shè)置定時(shí)器
timer = setInterval(function () {
// 設(shè)置隨機(jī)數(shù)
var s_index = parseInt(Math.random()*nameArr.length);
var s_name = nameArr[s_index];
console.log(s_name);
name.innerText = s_name;
},20)
};
// 結(jié)束點(diǎn)名
end.onclick = function () {
clearInterval(timer);
}
}
}
