javascript如何使用函數(shù)random來(lái)實(shí)現(xiàn)課堂隨機(jī)點(diǎn)名方法詳解
如何使用函數(shù)random來(lái)實(shí)現(xiàn)課堂隨機(jī)點(diǎn)名
1.最初的樣子如下
2.點(diǎn)擊開(kāi)始點(diǎn)名，上面一行的文字變成名字，名字在不停的變化，開(kāi)始點(diǎn)名變成停止點(diǎn)名，如下
3.點(diǎn)擊停止點(diǎn)名，上面名字不動(dòng)，停止點(diǎn)名變成開(kāi)始點(diǎn)名，如下：李四同學(xué)回答老師問(wèn)題
代碼如下
<!DOCTYPE html><html> <head> <meta charset='utf-8'> <title></title> <style> #d2{cursor:pointer;}/*讓鼠標(biāo)移到開(kāi)始點(diǎn)名的時(shí)候變成手型*/ </style> </head> <body> <div id='d1'>親，準(zhǔn)備好了嗎？</div> <div onclick='fun()'>開(kāi)始點(diǎn)名</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='停止點(diǎn)名'; show();} else { clearTimeout(mytime); d2.innerHTML='開(kāi)始點(diǎn)名'; 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來(lái)實(shí)現(xiàn)課堂隨機(jī)點(diǎn)名方法詳解的文章就介紹到這了,更多相關(guān)javascript 使用函數(shù)random來(lái)實(shí)現(xiàn)課堂隨機(jī)點(diǎn)名方法內(nèi)容請(qǐng)搜索好吧啦網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持好吧啦網(wǎng)！
相關(guān)文章：
1. 前端從瀏覽器的渲染到性能優(yōu)化2. 無(wú)線標(biāo)記語(yǔ)言(WML)基礎(chǔ)之WMLScript 基礎(chǔ)第1/2頁(yè)3. ASP刪除img標(biāo)簽的style屬性只保留src的正則函數(shù)4. 讀大數(shù)據(jù)量的XML文件的讀取問(wèn)題5. 解析原生JS getComputedStyle6. PHP循環(huán)與分支知識(shí)點(diǎn)梳理7. css代碼優(yōu)化的12個(gè)技巧8. 利用CSS3新特性創(chuàng)建透明邊框三角9. ASP實(shí)現(xiàn)加法驗(yàn)證碼10. ASP基礎(chǔ)入門第三篇(ASP腳本基礎(chǔ))
網(wǎng)公網(wǎng)安備