運用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隨機
- [Electron]仿寫一個課堂隨機點名小專案隨機
- 教你如何運用golang 實現陣列的隨機排序Golang陣列隨機排序
- app直播原始碼,uniapp隨機數生成簽名APP原始碼隨機
- 實現隨機顏色隨機
- Js Math隨機數JS隨機
- JS生成隨機密碼JS隨機密碼
- 關於golang隨機種子的注意點Golang隨機
- CSS中如何實現偽隨機?CSS隨機
- Python 實現隨機打亂字串Python隨機字串
- JavaScript實現隨機抽獎效果JavaScript隨機
- MySQL 隨機查詢資料與隨機更新資料實現程式碼MySql隨機
- 隨便寫的一點BinTree模板實現
- 實現一個炫酷的隨機標籤排列效果(顏色隨機,大小隨機,成菱形排列的列表)隨機
- canvas小球碰壁隨機運動Canvas隨機
- 用原生Js利用sort方法 實現圖片的正 倒排序和隨機排序JS排序隨機
- python生成隨機數、隨機字串Python隨機字串
- ArcGIS如何自動獲得隨機取樣點?隨機
- JavaScript隨機數實現防止快取JavaScript隨機快取
- 隨機快速排序Java程式碼實現隨機排序Java
- js中windows的函式(隨機數,計時器的實現)JSWindows函式隨機
- js隨機切換背景音樂JS隨機
- JS Math.radom()隨機變換JS隨機
- 盤點那些計算機相關名詞(一)計算機
- 協程實現canvas影像隨機閃爍Canvas隨機
- javascript實現隨機小方塊小案例(原型)JavaScript隨機原型
- Linux Shell 生成隨機數和隨機字串Linux隨機字串
- 隨機數隨機
- JavaScript隨機數的應用JavaScript隨機
- Linux修改主機名(靜態主機名、臨時主機名)Linux
- 條件隨機場實現命名實體識別條件隨機場
- Java 控制隨機數出現的機率Java隨機
- 隨機森林演算法原理與Python實現隨機森林演算法Python
- Python實現 感測器的隨機佈置Python隨機
- 一個PHP通用隨機密碼的實現PHP隨機密碼
- Java實現隨機抽獎的方法有哪些Java隨機
- 【Javascript + Vue】實現隨機生成迷宮圖片JavaScriptVue隨機
- JS如何動態生成變數名[重點]JS變數