js實現(xiàn)隨機點名小功能
更新時間：2017年08月17日 09:59:57 作者：蒲小若
這篇文章主要為大家詳細介紹了js實現(xiàn)隨機點名小功能，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下
本文實例為大家分享了js實現(xiàn)隨機點名功能的具體代碼，供大家參考，具體內(nèi)容如下
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
<div id="name1"></div>
<button id="btn">stop</button>
</body>
<script type="text/javascript">
var flag = true;
var str = "張三,李四,王五,馬六";
var arr = str.split(",");
var interId = setInterval("randName()",100);
function randName(){
var rand = Math.floor(Math.random() * arr.length);
name1.innerHTML = arr[rand];
}
btn.onclick = function (){
if (flag) {
btn.innerHTML = "start";
clearInterval(interId);
flag = false;
} else{
btn.innerHTML = "stop";
interId = setInterval("randName()",100);
flag = true;
}
}
</script>
</html>
以上就是本文的全部內(nèi)容，希望對大家的學習有所幫助，也希望大家多多支持腳本之家。
相關文章
選項卡的原理其實比較簡單，就是設置2種狀態(tài)，選中和未選中的2中不同CSS狀態(tài)，因此也有直接不用JS之用css就能實現(xiàn)的效果2011-04-04
WebSocket是一種在單個TCP連接上進行全雙工通信的協(xié)議，它可以讓客戶端和服務器之間進行實時的雙向通信，這篇文章主要介紹了前端使用websocket發(fā)送消息的示例代碼,需要的朋友可以參考下2023-07-07
sort()方法主要是用于對數(shù)組進行排序，默認情況下該方法是將數(shù)組元素轉(zhuǎn)換成字符串，然后按照ASC碼進行排序，這個大家都能理解，但如果數(shù)組元素是一個Object呢，轉(zhuǎn)不了字符串，難道不能進行排序？答案當然是否定的,那么我們就來詳細探討下sort()方法的使用2015-08-08
這篇文章主要給大家介紹了關于js前端面試之同步與異步問題的相關資料，文中通過示例代碼介紹的非常詳細，對大家學習或者使用js具有一定的參考學習價值，需要的朋友們下面來一起學習學習吧2019-04-04
這篇文章主要介紹了JS實現(xiàn)的簡單四則運算計算器功能,涉及javascript事件響應及數(shù)值運算相關操作技巧,需要的朋友可以參考下2017-09-09
get post jsonp三種數(shù)據(jù)交互形式實例詳解
本文通過實例給大家詳細介紹了get post jsonp三種數(shù)據(jù)交互形式，非常不錯，具有參考借鑒價值，需要的的朋友參考下吧2017-08-08
JavaScript學習小結(jié)(一)——JavaScript入門基礎
本教程比較適合javascript初學者，對javascript基本知識的小結(jié)包括變量，基本類型等知識點，需要的朋友一起來學習吧2015-09-09
當用戶勾選顯示明文復選框時，要以明文顯示用戶輸入的密碼，去掉勾選時要變回密文，問題是ie8中是不允許修改input的type屬性2014-09-09
這篇文章主要為大家詳細介紹了原生javascript+CSS實現(xiàn)輪播圖效果，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2021-08-08
Javascript代碼混淆綜合解決方案-Javascript在線混淆器
Javascript代碼混淆綜合解決方案-Javascript在線混淆器...2006-12-12