javascript如何使用函數(shù)random來實現(xiàn)課堂隨機點名方法詳解
更新時間：2020年07月28日 16:40:09 作者：正好00
這篇文章主要介紹了javascript如何使用函數(shù)random來實現(xiàn)課堂隨機點名方法詳解，文中通過示例代碼介紹的非常詳細，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧
如何使用函數(shù)random來實現(xiàn)課堂隨機點名
1.最初的樣子如下
2.點擊開始點名，上面一行的文字變成名字，名字在不停的變化，開始點名變成停止點名，如下
3.點擊停止點名，上面名字不動，停止點名變成開始點名，如下：李四同學(xué)回答老師問題
代碼如下
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<style>
#d2{cursor:pointer;}/*讓鼠標(biāo)移到開始點名的時候變成手型*/
</style>
</head>
<body>
<div id="d1">親，準(zhǔn)備好了嗎？</div>
<div id="d2" onclick="fun()">開始點名</div><!--觸發(fā)事件句柄onlick，調(diào)用fun函數(shù)-->
<script>
var mytime=null;
var d1=document.getElementById("d1");
var d2=document.getElementById("d2");
function fun()
{if(mytime==null)
{d2.innerHTML="停止點名";
show();
}
else {
clearTimeout(mytime);
d2.innerHTML="開始點名";
mytime=null;
}
}
function show()
{var s=["張三","李四","王五","王二","小二"];
var name=Math.floor(Math.random()*10%s.length);//讓name在下標(biāo)0-4之間取得
d1.innerHTML=s[name];
mytime=setTimeout("show()",1);
}
</script>
</body>
</html>
注意：random是Math中的函數(shù)，所以要寫成Math.random()
到此這篇關(guān)于javascript如何使用函數(shù)random來實現(xiàn)課堂隨機點名方法詳解的文章就介紹到這了,更多相關(guān)javascript 使用函數(shù)random來實現(xiàn)課堂隨機點名方法內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！
相關(guān)文章
JavaScript判斷FileUpload控件上傳文件類型
在CS后臺代碼中獲取FileUpload控件上傳文件的類型是比較容易的！那么，能否在客戶端通過JavaScript腳本判斷FileUpload上傳文件類型呢？答案是可以的，下面通過一個小例子為大家展示2015-09-09
圖片懶加載，往往作為減少首頁白屏?xí)r間的一個解決方案而出現(xiàn)。本文將通過示例帶大家一起探究一下JavaScript是如何實現(xiàn)圖片懶加載的，感興趣的可以了解一下2022-06-06
使用typeof方法，typeof 返回的是字符串,其中就有一個是undefined，下面是示例代碼，大家可以看看2014-09-09
js和jquery實現(xiàn)tab狀態(tài)欄切換效果
這篇文章主要為大家詳細介紹了js和jquery實現(xiàn)tab狀態(tài)欄切換效果，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2021-08-08
JavaScript獲取XML數(shù)據(jù)附示例截圖
這篇文章主要介紹了JavaScript獲取XML數(shù)據(jù)的方法,需要的朋友可以參考下2014-03-03
javascript中mouseover、mouseout使用詳解
這篇文章主要介紹了javascript中mouseover、mouseout使用詳解的相關(guān)資料,需要的朋友可以參考下2015-07-07
HTML5中的大部分動畫都是通過Canvas實現(xiàn),因為Canvas就像一塊畫布,我們可以通過調(diào)用腳本在Canvas上繪制任意形狀,甚至是制作動畫,這篇文章主要給大家介紹了關(guān)于用幾十行js實現(xiàn)很炫的canvas交互特效的相關(guān)資料,需要的朋友可以參考下2021-11-11
這篇文章主要介紹了只有 20 行的 JavaScript 模板引擎,結(jié)合實例形式分析了JavaScript 模板引擎實現(xiàn)方法與相關(guān)注意事項,需要的朋友可以參考下2020-05-05
因為要做一個日歷控件,遇到國家法定節(jié)假日,怎么實現(xiàn)此功能呢?這篇文章主要給大家介紹了關(guān)于前端判斷節(jié)假日的相關(guān)資料,文中通過代碼介紹的非常詳細,需要的朋友可以參考下2024-08-08
JS生態(tài)系統(tǒng)加速模塊解析賦能性能優(yōu)化探索
這篇文章主要為大家介紹了JS生態(tài)系統(tǒng)加速模塊解析賦能性能優(yōu)化探索,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進步,早日升職加薪2024-01-01