<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<style>
input {
width: 200px;
height: 50px;
text-align: center;
line-height: 50px;
}
</style>
</head>
<body>
<input type="text" value="张三"><br/>
<button>开始抽奖</button>
<button>停止</button>
<script>
var input = document.getElementsByTagName("input")[0];
var start = document.getElementsByTagName("button")[0];
var stop = document.getElementsByTagName("button")[1];
var string = "张一,张二,张三,张四,张五,张六";
var arr = string.split(",");
var timmer;
//console.log(arr);
start.onclick = function () {
// console.log(random);
clearInterval(timmer);
timmer = setInterval(function () {
var random = parseInt(Math.random() * arr.length);
input.value = arr[random];
}, 500)
};
stop.onclick = function () {
clearInterval(timmer);
//指定那一个
// input.value = "张一";
}
</script>
</body>
</html>