展会信息港展会大全

使用javascript做的一个随机点名程序
来源:互联网   发布日期:2016-03-24 20:08:11   浏览:1403次  

导读:这篇文章主要介绍了使用javascript做的一个随机点名程序,经测试,效果相当不错,需要的朋友可以参考下代码如下:<!DOCTYPE HTML PUBLIC ...

这篇文章主要介绍了使用javascript做的一个随机点名程序,经测试,效果相当不错,需要的朋友可以参考下

代码如下:

<!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>

赞助本站

人工智能实验室

相关热词: 开发 编程 android

相关内容
AiLab云推荐
展开

热门栏目HotCates

Copyright © 2010-2024 AiLab Team. 人工智能实验室 版权所有    关于我们 | 联系我们 | 广告服务 | 公司动态 | 免责声明 | 隐私条款 | 工作机会 | 展会港