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