js實(shí)現(xiàn)隨機(jī)點(diǎn)名
本文實(shí)例為大家分享了js實(shí)現(xiàn)隨機(jī)點(diǎn)名的具體代碼,供大家參考,具體內(nèi)容如下
代碼:
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style> div:nth-child(1) { width: 200px; height: 100px; background-color: burlywood; text-align: center; line-height: 100px; } div:nth-child(2) { width: 100px; height: 100px; background-color: pink; border-radius: 50%; text-align: center; line-height: 100px; } </style> </head> <body> <div>劉志遠(yuǎn)</div> <div>開始</div> <script> var div = document.getElementsByTagName('div'); var btn = document.getElementsByTagName('button')[0]; username() function username() { var flag = false; var timerId = null; // console.log(div); var arr = ['劉志遠(yuǎn)', '萬(wàn)策', '李博文', '曹建瑩', '張佳祺', '趙瑞瑞', '陳全虎', '胡金朋', '耿建麗', '王如雪', '王振濤', '劉放', '張亞迪', '朱翔煜', '王奧', '薛澳飛', '劉志瑋', '胡高洋', '周暢', '趙英杰', '徐亞美', '鄭勇超', '聞吉祥', '王阿雨', '陳德帥', '申林益', '趙艷哲', ' 肖夢(mèng)飛', '鮑爾欣', '代星澳', '汪青', '謝森成', '雷呂能', '丁康寧', '楊澤文', '王永杰', '侯振強(qiáng)', '馬建成', '朱保森', '王皓圓', '孫秀婷', '靳丹丹', '李聰', '紀(jì)妍', '蘇文璇']; div[1].onclick = function() { if (flag) { clearInterval(timerId); div[1].innerHTML = '停止' flag = false; } else { timerId = setInterval(function() { var re = Math.floor(Math.random() * arr.length); console.log(re); div[0].innerHTML = arr[re]; }, 60); div[1].innerHTML = '開始' flag = true; } } } </script> </body> </html>
以上就是本文的全部?jī)?nèi)容,希望對(duì)大家的學(xué)習(xí)有所幫助,也希望大家多多支持腳本之家。
- javascript實(shí)現(xiàn)的一個(gè)隨機(jī)點(diǎn)名功能
- 使用javascript做的一個(gè)隨機(jī)點(diǎn)名程序
- js實(shí)現(xiàn)隨機(jī)點(diǎn)名系統(tǒng)(實(shí)例講解)
- JS實(shí)現(xiàn)課堂隨機(jī)點(diǎn)名和順序點(diǎn)名
- js中使用DOM復(fù)制(克隆)指定節(jié)點(diǎn)名數(shù)據(jù)到新的XML文件中的代碼
- js實(shí)現(xiàn)隨機(jī)點(diǎn)名小功能
- JS+CSS實(shí)現(xiàn)隨機(jī)點(diǎn)名(實(shí)例代碼)
- JavaScript實(shí)現(xiàn)班級(jí)隨機(jī)點(diǎn)名小應(yīng)用需求的具體分析
- JavaScript實(shí)現(xiàn)隨機(jī)點(diǎn)名器實(shí)例詳解
- JavaScript實(shí)現(xiàn)隨機(jī)點(diǎn)名器
相關(guān)文章
Javascript調(diào)用函數(shù)方法的幾種方式介紹
這篇文章主要介紹了Javascript調(diào)用函數(shù)方法的幾種方式介紹,本文講解了func()、(function(arg){})(window)、func.bind(sth)()、func.call()、func.apply()等5種方式,需要的朋友可以參考下2015-03-03如何使用JavaScript對(duì)圖像進(jìn)行壓縮
上傳圖片時(shí)候遇到要上傳很大的圖片,上傳的時(shí)候就會(huì)很慢,所以需要對(duì)圖片進(jìn)行壓縮處理來優(yōu)化上傳功能,這篇文章主要給大家介紹了關(guān)于如何使用JavaScript對(duì)圖像進(jìn)行壓縮的相關(guān)資料,需要的朋友可以參考下2024-03-03JS實(shí)現(xiàn)表單驗(yàn)證功能(驗(yàn)證手機(jī)號(hào)是否存在,驗(yàn)證碼倒計(jì)時(shí))
js實(shí)現(xiàn)表單驗(yàn)證功能,通過js代碼驗(yàn)證手機(jī)號(hào)是否存在驗(yàn)證碼倒計(jì)時(shí)功能,代碼簡(jiǎn)單易懂非常不錯(cuò),具有參考借鑒價(jià)值,感興趣的朋友一起看看吧2016-10-10js實(shí)現(xiàn)從右向左緩緩浮出網(wǎng)頁(yè)浮動(dòng)層廣告的方法
這篇文章主要介紹了js實(shí)現(xiàn)從右向左緩緩浮出網(wǎng)頁(yè)浮動(dòng)層廣告的方法,可實(shí)現(xiàn)右側(cè)浮動(dòng)廣告的定時(shí)彈出及點(diǎn)擊展開、折疊等功能,非常具有實(shí)用價(jià)值,需要的朋友可以參考下2015-05-05在js里怎么實(shí)現(xiàn)Xcode里的callFuncN方法(詳解)
下面小編就為大家?guī)硪黄趈s里怎么實(shí)現(xiàn)Xcode里的callFuncN方法(詳解)。小編覺得挺不錯(cuò)的,現(xiàn)在就分享給大家,也給大家做個(gè)參考。一起跟隨小編過來看看吧2016-11-11