使用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>
相关文章
这篇文章主要介绍了UNiAPP中如何使用render.js绘制高德地图,renderjs是一个运行在视图层的js。它比WXS更加强大。它只支持app-vue和h5，文中给大家提到了renderjs的主要作用，需要的朋友可以参考下2022-05-05
新接了项目，遇到这样的需求，通过后端接口下载excel文件，后端没有文件地址，返回二进制流文件。接下来通过实例代码给大家分享前端axios下载excel文件(二进制)的处理方法，一起看看吧2018-07-07
本文包含本地发布npm包发布流程, 和 github action自动发布npm包流程,帮助你更好的发布自己或公司的npm包,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪2023-09-09
本文主要介绍了JS中phototype的相关知识。具有很好的参考价值，下面跟着小编一起来看下吧2017-02-02
本文主要介绍了js实现悬浮窗效果(支持拖动)的实例，具有很好的参考价值。下面跟着小编一起来看下吧2017-03-03
最近工作中遇到webview,对于我这个刚接触前端的小白来说真的不懂啥意思,下面这篇文章主要给大家介绍了关于如何在uniapp中优雅地使用WebView的相关资料,需要的朋友可以参考下2023-01-01
在IE,Firefox,Safari,Chrome,Opera浏览器上调试javascript
前支持javascript调试功能的工具越来越多，主要分为ie和firefox两大阵营。其他浏览器上很难调试javascript。而Javascript Debug Toolkit解决了这个问题，可能在所有支持ajax请求的浏览器上调试javascript.2008-12-12
这篇文章主要为大家详细介绍了js仿手机页面文件的下拉刷新,具有一定的参考价值，感兴趣的小伙伴们可以参考一下2016-10-10
几秒后跳转功能，动态生成按钮并动态生成8位随机数,2008-09-09
这篇文章主要介绍了json 带斜杠时如何解析的实现，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2019-08-08
最新评论