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