使用javascript做的一个随机点名程序
更新时间：2014年02月13日 15:28:04 作者：
这篇文章主要介绍了使用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>
相关文章
Fetch和Axios是两个常用的JavaScript库,用于处理数据请求,下面这篇文章主要给大家介绍了关于网络请求axios与fetch的区别及使用的相关资料,文中通过代码介绍的非常详细,需要的朋友可以参考下2024-04-04
这篇文章主要介绍了iframe里使用JavaScript控制主页转向的方法,涉及使用javascript实现iframe页面跳转的技巧,需要的朋友可以参考下2015-04-04
这篇文章主要介绍了javascript实现无缝上下滚动特效的相关资料,需要的朋友可以参考下2015-12-12
本文主要介绍了js实现手机发送验证码功能的示例。具有很好的参考价值。下面跟着小编一起来看下吧2017-03-03
这篇文章主要为大家详细介绍了Electron是如何优雅的进行进程间通讯的,文中的示例代码讲解详细,感兴趣的小伙伴可以跟随小编一起学习一下2024-11-11
URL.createObjectURL()方法会根据传入的参数创建一个指向该参数对象的URL. 这个URL的生命仅存在于它被创建的这个文档里. 新的对象URL指向执行的File对象或者是Blob对象,这篇文章主要给大家介绍了关于JS中URL.createObjectURL使用的相关资料,需要的朋友可以参考下2022-03-03
本文主要介绍了js实现仿购物车+ -效果的实例，具有很好的参考价值，下面跟着小编一起来看下吧2017-03-03
JavaScript详解使用Promise处理回调地狱与async await修饰符
这篇文章主要介绍了JavaScript使用Promise处理回调地狱与async await修饰符，文中通过示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2022-07-07
javascript中的replace函数(带注释demo)
在js中有两个replace函数 一个是location.replace(url) 跳转到一个新的url.一个string.replace("xx","yy") 替换字符串 返回一个新的字符串，该方法并不改变字符串本身。下面通过本文给大家介绍javascript中的replace函数2018-01-01
这篇文章主要介绍了常见JS验证脚本,结合实例形式汇总分析了JavaScript用于验证的系统自带函数与自定义函数,具有一定参考借鉴价值,需要的朋友可以参考下2015-12-12
最新评论