快捷導(dǎo)航

使用javascript做的一個(gè)隨機(jī)點(diǎn)名程序

更新時(shí)間：2014年02月13日 15:28:04 作者：

這篇文章主要介紹了使用javascript做的一個(gè)隨機(jī)點(diǎn)名程序，經(jīng)測(cè)試，效果相當(dāng)不錯(cuò),需要的朋友可以參考下

 
<!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>點(diǎn)名</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> 

您可能感興趣的文章:

隨機(jī)點(diǎn)名

相關(guān)文章

網(wǎng)絡(luò)請(qǐng)求axios與fetch的區(qū)別及使用示例
Fetch和Axios是兩個(gè)常用的JavaScript庫,用于處理數(shù)據(jù)請(qǐng)求,下面這篇文章主要給大家介紹了關(guān)于網(wǎng)絡(luò)請(qǐng)求axios與fetch的區(qū)別及使用的相關(guān)資料,文中通過代碼介紹的非常詳細(xì),需要的朋友可以參考下
2024-04-04
iframe里使用JavaScript控制主頁轉(zhuǎn)向的方法
這篇文章主要介紹了iframe里使用JavaScript控制主頁轉(zhuǎn)向的方法,涉及使用javascript實(shí)現(xiàn)iframe頁面跳轉(zhuǎn)的技巧,需要的朋友可以參考下
2015-04-04
javascript實(shí)現(xiàn)無縫上下滾動(dòng)特效
這篇文章主要介紹了javascript實(shí)現(xiàn)無縫上下滾動(dòng)特效的相關(guān)資料,需要的朋友可以參考下
2015-12-12
js實(shí)現(xiàn)手機(jī)發(fā)送驗(yàn)證碼功能
本文主要介紹了js實(shí)現(xiàn)手機(jī)發(fā)送驗(yàn)證碼功能的示例。具有很好的參考價(jià)值。下面跟著小編一起來看下吧
2017-03-03
一文帶你搞懂Electron如何優(yōu)雅的進(jìn)行進(jìn)程間通訊
這篇文章主要為大家詳細(xì)介紹了Electron是如何優(yōu)雅的進(jìn)行進(jìn)程間通訊的,文中的示例代碼講解詳細(xì),感興趣的小伙伴可以跟隨小編一起學(xué)習(xí)一下
2024-11-11
JS中URL.createObjectURL使用示例講解
URL.createObjectURL()方法會(huì)根據(jù)傳入的參數(shù)創(chuàng)建一個(gè)指向該參數(shù)對(duì)象的URL. 這個(gè)URL的生命僅存在于它被創(chuàng)建的這個(gè)文檔里. 新的對(duì)象URL指向執(zhí)行的File對(duì)象或者是Blob對(duì)象,這篇文章主要給大家介紹了關(guān)于JS中URL.createObjectURL使用的相關(guān)資料,需要的朋友可以參考下
2022-03-03
js實(shí)現(xiàn)仿購物車加減效果
本文主要介紹了js實(shí)現(xiàn)仿購物車+ -效果的實(shí)例，具有很好的參考價(jià)值，下面跟著小編一起來看下吧
2017-03-03
JavaScript詳解使用Promise處理回調(diào)地獄與async?await修飾符
這篇文章主要介紹了JavaScript使用Promise處理回調(diào)地獄與async?await修飾符，文中通過示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2022-07-07
javascript中的replace函數(shù)(帶注釋demo)
在js中有兩個(gè)replace函數(shù) 一個(gè)是location.replace(url) 跳轉(zhuǎn)到一個(gè)新的url.一個(gè)string.replace("xx","yy") 替換字符串返回一個(gè)新的字符串，該方法并不改變字符串本身。下面通過本文給大家介紹javascript中的replace函數(shù)
2018-01-01
常見JS驗(yàn)證腳本匯總
這篇文章主要介紹了常見JS驗(yàn)證腳本,結(jié)合實(shí)例形式匯總分析了JavaScript用于驗(yàn)證的系統(tǒng)自帶函數(shù)與自定義函數(shù),具有一定參考借鑒價(jià)值,需要的朋友可以參考下
2015-12-12