這期內容當中小編將會給大家帶來有關使用原生JavaScript怎么編寫一個隨機點名功能，文章內容豐富且以專業的角度為大家分析和敘述，閱讀完這篇文章希望大家可以有所收獲。
代碼如下：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>隨機點名</title>
<style>
.box{
width: 800px;
margin: 200px auto;
text-align: center;
}
.box h3{
font-size: 55px;
font-weight: 800;
}
.box input{
outline: none;
border: none;
background: blue;
color: white;
width: 100px;
height: 50px;
font-size: 15px;
font-weight: 600;
}
</style>
</head>
<body>
<div class="box">
<h3 id="res">請點擊下面的按鈕，開始抽獎！</h3>
<input type="button" value="點擊開始" id="btn">
</div>
<script>
var btn= document.getElementById("btn");
var res= document.getElementById("res");
var student=["張三","李四","王二","麻子","小明","小王","小胡","小虎","狗子","多銀幣","貢子哥","劉青松","瞎子","亞索"]
var flag=true;
var timer=null;
//
btn.onclick=function(){
if(flag){
timer= setInterval(function(){
var index= getRandom(student.length-1,0) ;
res.innerHTML=student[index];
},10);
btn.value="點擊結束";
flag=false;
}else{
clearInterval(timer);
btn.value="點擊開始";
flag=true;
}
}
function getRandom(max,min){
return Math.round(Math.random()*(max-min)+min);
}
</script>
</body>
</html>上述就是小編為大家分享的使用原生JavaScript怎么編寫一個隨機點名功能了，如果剛好有類似的疑惑，不妨參照上述分析進行理解。如果想知道更多相關知識，歡迎關注億速云行業資訊頻道。
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
