javascript如何使用函數(shù)random來實現(xiàn)課堂隨機點名方法詳解
更新時間：2020年07月28日 16:40:09 作者：正好00
這篇文章主要介紹了javascript如何使用函數(shù)random來實現(xiàn)課堂隨機點名方法詳解，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧
如何使用函數(shù)random來實現(xiàn)課堂隨機點名
1.最初的樣子如下
2.點擊開始點名，上面一行的文字變成名字，名字在不停的變化，開始點名變成停止點名，如下
3.點擊停止點名，上面名字不動，停止點名變成開始點名，如下：李四同學回答老師問題
代碼如下
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<style>
#d2{cursor:pointer;}/*讓鼠標移到開始點名的時候變成手型*/
</style>
</head>
<body>
<div id="d1">親，準備好了嗎？</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在下標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)文章
這篇文章主要介紹了引入(調(diào)用)一個JS文的方法，非常不錯介紹的非常詳細，具有參考借鑒價值，感興趣的朋友一起看看吧2016-05-05
JS實現(xiàn)pasteHTML兼容ie,firefox,chrome的方法
這篇文章主要介紹了JS實現(xiàn)pasteHTML兼容ie,firefox,chrome的方法,涉及javascript針對頁面元素的動態(tài)操作技巧,具有一定參考借鑒價值,需要的朋友可以參考下2016-06-06
這篇文章主要介紹了js實現(xiàn)最短的XML格式化工具,實例分析了基于jquery-latest.js實現(xiàn)XML代碼格式化的技巧,具有一定參考借鑒價值,需要的朋友可以參考下2015-03-03
JS實現(xiàn)獲取時間已經(jīng)時間與時間戳轉(zhuǎn)換
這篇文章主要為大家提供了用JavaScript編寫的獲取時間的類，以及時間戳轉(zhuǎn)時間的三種格式，文中的示例代碼講解詳細，感興趣的可以了解一下2022-03-03
總結(jié)分享10個JavaScript代碼優(yōu)化小tips
這篇文章主要介紹了總結(jié)分享10個JavaScript代碼優(yōu)化小tips，文章圍繞主題展開詳細的內(nèi)容介紹，具有一定的參考價值，需要的小伙伴可以參考一下2022-07-07
基于JavaScript實現(xiàn)復選框的全選和取消全選
這篇文章主要為大家詳細介紹了基于JavaScript實現(xiàn)復選框的全選和取消全選，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-02-02
Babel是一個廣泛使用的轉(zhuǎn)碼器,babel可以將ES6代碼完美地轉(zhuǎn)換為ES5代碼，所以下面這篇文章就來給大家詳細介紹了關(guān)于利用babel將es6語法轉(zhuǎn)es5的相關(guān)資料，文章通過示例介紹的非常詳細，需要的朋友可以參考下。2017-12-12
js實現(xiàn)鼠標經(jīng)過時圖片滾動停止的方法
這篇文章主要介紹了js實現(xiàn)鼠標經(jīng)過時圖片滾動停止的方法,可實現(xiàn)js滾動特效中的鼠標懸停停止圖片滾動的功能,非常具有實用價值,需要的朋友可以參考下2015-02-02
js簡單實現(xiàn)Select互換數(shù)據(jù)的方法
這篇文章主要介紹了js簡單實現(xiàn)Select互換數(shù)據(jù)的方法,涉及javascript動態(tài)操作select中option節(jié)點的相關(guān)技巧,具有一定參考借鑒價值,需要的朋友可以參考下2015-08-08
網(wǎng)頁加載時頁面顯示進度條加載完成之后顯示網(wǎng)頁內(nèi)容
網(wǎng)頁加載時頁面顯示進度條（加載完成時顯示網(wǎng)頁內(nèi)容）,這種效果在瀏覽網(wǎng)頁很常見，本文也介紹一種實現(xiàn)方法，需要了解的朋友可以參考下2012-12-12