 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" 
"http://www.w3.org/TR/html4/loose.dtd"> 
<html> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=gb2312"> 
<title>點名</title> 
<script language="javascript" type="text/javascript"> 
var status = 1; 
var name = new Array('范 鵬','張子涵','代天明','孫 季','孫 磊','王鴻罡','曾凡丁','李 歡','朱 穎','王 莎','鄭琳琳','朱振家','金 一','李成龍','茍 超','吳 桐','梁 良','劉 俊'); 

function getname(){ 
return name[Math.floor(Math.random()*name.length)]; 
} 
function showname(){ 
document.getElementById("name").innerHTML = getname(); 
setTimeout("showname",200); 
} 
function goname(){ 
intimer = setInterval(showname, 200); 
} 
function stopname(){ 
if(status == 1){ 
clearInterval(intimer); 
status = 0; 
}else{ 
intimer = setInterval(showname, 200); 
status = 1; 
} 
} 
</script> 
<style> 
#name{ 
border:1px solid #000; 
margin:auto; 
font-size:36px; 
color:#000000; 
width:108px; 
height:1em; 
cursor:pointer; 
text-align:center; 
} 
</style> 
</head> 
<body onLoad="goname()"> 
<div id="name" onClick="stopname()"></div> 
</body> 
</html> 

您可能感興趣的文章:

隨機點名

相關(guān)文章

UNiAPP中如何使用render.js繪制高德地圖
這篇文章主要介紹了UNiAPP中如何使用render.js繪制高德地圖,renderjs是一個運行在視圖層的js。它比WXS更加強大。它只支持app-vue和h5，文中給大家提到了renderjs的主要作用，需要的朋友可以參考下
2022-05-05
前端axios下載excel文件(二進制)的處理方法
新接了項目，遇到這樣的需求，通過后端接口下載excel文件，后端沒有文件地址，返回二進制流文件。接下來通過實例代碼給大家分享前端axios下載excel文件(二進制)的處理方法，一起看看吧
2018-07-07
使用Github?Actions發(fā)布npm包完整過程詳解
本文包含本地發(fā)布npm包發(fā)布流程,?和?github?action自動發(fā)布npm包流程,幫助你更好的發(fā)布自己或公司的npm包,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進步,早日升職加薪
2023-09-09
JS中的phototype詳解
本文主要介紹了JS中phototype的相關(guān)知識。具有很好的參考價值，下面跟著小編一起來看下吧
2017-02-02
js實現(xiàn)懸浮窗效果(支持拖動)
本文主要介紹了js實現(xiàn)懸浮窗效果(支持拖動)的實例，具有很好的參考價值。下面跟著小編一起來看下吧
2017-03-03
一文詳解如何在uniapp中優(yōu)雅地使用WebView
最近工作中遇到webview,對于我這個剛接觸前端的小白來說真的不懂啥意思,下面這篇文章主要給大家介紹了關(guān)于如何在uniapp中優(yōu)雅地使用WebView的相關(guān)資料,需要的朋友可以參考下
2023-01-01
在IE,Firefox,Safari,Chrome,Opera瀏覽器上調(diào)試javascript
前支持javascript調(diào)試功能的工具越來越多，主要分為ie和firefox兩大陣營。其他瀏覽器上很難調(diào)試javascript。而Javascript Debug Toolkit解決了這個問題，可能在所有支持ajax請求的瀏覽器上調(diào)試javascript.
2008-12-12
js仿手機頁面文件下拉刷新效果
這篇文章主要為大家詳細介紹了js仿手機頁面文件的下拉刷新,具有一定的參考價值，感興趣的小伙伴們可以參考一下
2016-10-10
javascript秒數(shù)倒計時自動跳轉(zhuǎn)代碼
幾秒后跳轉(zhuǎn)功能，動態(tài)生成按鈕并動態(tài)生成8位隨機數(shù),
2008-09-09
json 帶斜杠時如何解析的實現(xiàn)
這篇文章主要介紹了json 帶斜杠時如何解析的實現(xiàn)，文中通過示例代碼介紹的非常詳細，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧
2019-08-08