運用JS 實現隨機點名 (隨機點名)
<div id="box"></div>
<input type="button" id="btn">
</body>
<script>
var obox = document.getElementById("box")
var obtn = document.body.children[1];
var stuName = ["張三","李四","王二","錢五","趙六","黃一"];
// 0~stuName.length-1
var i = 0;
var t;
obtn.onclick = function(){
if(i == 0){
如果i == 0執行下面
t = setInterval(function(){
var idx = Math.round(Math.random()*(stuName.length-1));
隨機的函式
box.innerHTML = (stuName[idx]);
將值傳給box內部
},200);
i = 1;
執行結束之後i = 1 不滿足if 不滿足==0 條件,停止 執行下面
}else{
clearInterval(t);
清楚計時器 並重新歸零 執行if
i = 0;
}
}
</script>
相關文章
- 用JS實現隨機點名小案例JS隨機
- JavaScript隨機點名程式碼例項JavaScript隨機
- [Electron]仿寫一個課堂隨機點名小專案隨機
- js隨機運動小球效果JS隨機
- 當前日期+隨機數+檔名(採用兩種方法實現的工具類)隨機
- 教你如何運用golang 實現陣列的隨機排序Golang陣列隨機排序
- 實現隨機顏色隨機
- app直播原始碼,uniapp隨機數生成簽名APP原始碼隨機
- mysql實現隨機查詢MySql隨機
- Js Math隨機數JS隨機
- 利用自簽名生成「可隨機自啟動」來電通隨機
- 關於golang隨機種子的注意點Golang隨機
- 隨機之美,隨機森林隨機森林
- JavaScript實現隨機抽獎效果JavaScript隨機
- CSS中如何實現偽隨機?CSS隨機
- JS生成隨機密碼JS隨機密碼
- canvas小球碰壁隨機運動Canvas隨機
- MySQL 隨機查詢資料與隨機更新資料實現程式碼MySql隨機
- 如何實現MySQL隨機查詢資料與MySQL隨機更新資料?MySql隨機
- 隨機計算圖:在隨機結點中執行反向傳播的新方法隨機反向傳播
- 實現一個炫酷的隨機標籤排列效果(顏色隨機,大小隨機,成菱形排列的列表)隨機
- js實現的產生隨機數程式碼例項JS隨機
- js實現從陣列中取出一個隨機項JS陣列隨機
- ArcGIS如何自動獲得隨機取樣點?隨機
- [Z]Oracle 的隨機數、隨機日期和時間、隨機字串Oracle隨機字串
- Python 實現隨機打亂字串Python隨機字串
- 隨機快速排序Java程式碼實現隨機排序Java
- JavaScript隨機數實現防止快取JavaScript隨機快取
- javascript隨機生成字串,可以用來生成隨機密碼JavaScript隨機字串密碼
- python生成隨機數、隨機字串Python隨機字串
- 作業:隨機四則運算隨機
- 用原生Js利用sort方法 實現圖片的正 倒排序和隨機排序JS排序隨機
- 盤點那些計算機相關名詞(一)計算機
- 協程實現canvas影像隨機閃爍Canvas隨機
- javascript實現隨機小方塊小案例(原型)JavaScript隨機原型
- 使用隨機取樣實現 soft shadow隨機
- 隨機題隨機
- 隨機排序隨機排序