使用javascript做的一个随机点名程序


Posted in Javascript onFebruary 13, 2014
<!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>
Javascript 相关文章推荐
innerHTML 和 getElementsByName 在IE下面的bug 的解决
Apr 09 Javascript
jquery实现炫酷的叠加层自动切换特效
Feb 01 Javascript
iframe中子父类窗口调用JS的方法及注意事项
Aug 25 Javascript
js中substr,substring,indexOf,lastIndexOf,split,replace的用法详解
Nov 09 Javascript
jQuery获取父元素及父节点的方法小结
Apr 14 Javascript
AngularJS ng-change 指令的详解及简单实例
Jul 30 Javascript
jQuery实现的右下角广告窗体跟随效果示例
Sep 16 Javascript
详解JavaScript中this的指向问题
Jan 20 Javascript
bootstrap table实现单击单元格可编辑功能
Mar 28 Javascript
关于vue.js发布后路径引用的问题解决
Aug 15 Javascript
Vue中保存数据到磁盘文件的方法
Sep 06 Javascript
js实现特别简单的钟表效果
Sep 14 Javascript
javascript不同类型数据之间的运算的转换方法
Feb 13 #Javascript
js清理Word格式示例代码
Feb 13 #Javascript
Js与下拉列表处理问题解决
Feb 13 #Javascript
js加载读取内容及显示与隐藏div示例
Feb 13 #Javascript
input禁止键盘及中文输入,但可以点击
Feb 13 #Javascript
JS实现将人民币金额转换为大写的示例代码
Feb 13 #Javascript
jquery清空表单数据示例分享
Feb 13 #Javascript
You might like
3.从实例开始
2006/10/09 PHP
php中的静态变量的基本用法
2014/03/20 PHP
php实现的支持imagemagick及gd库两种处理的缩略图生成类
2014/09/23 PHP
php实现比较两个字符串日期大小的方法
2015/05/12 PHP
PHP扩展迁移为PHP7扩展兼容性问题记录
2016/02/15 PHP
php中Ioc(控制反转)和Di(依赖注入)
2017/05/07 PHP
Yii2框架可逆加密简单实现方法
2017/08/25 PHP
解决php用mysql方式连接数据库出现Deprecated报错问题
2019/12/25 PHP
jquery.bgiframe.js在IE9下提示INVALID_CHARACTER_ERR错误
2013/01/11 Javascript
javascript中定义私有方法说明(private method)
2014/01/27 Javascript
基于JavaScript实现移除(删除)数组中指定元素
2016/01/04 Javascript
基于javascript实现根据身份证号码识别性别和年龄
2016/01/22 Javascript
js的OOP继承实现(必看篇)
2017/02/18 Javascript
JS使用JSON.parse(),JSON.stringify()实现对对象的深拷贝功能分析
2019/03/06 Javascript
在antd中setFieldsValue和defaultVal的用法
2020/10/29 Javascript
[00:31]2016完美“圣”典风云人物:国士无双宣传片
2016/12/04 DOTA
python获取指定时间差的时间实例详解
2017/04/11 Python
Python操作使用MySQL数据库的实例代码
2017/05/25 Python
Python从ZabbixAPI获取信息及实现Zabbix-API 监控的方法
2018/09/17 Python
详解python使用turtle库来画一朵花
2019/03/21 Python
使用虚拟环境打包python为exe 文件的方法
2019/08/29 Python
python使用OpenCV模块实现图像的融合示例代码
2020/04/10 Python
python判断一个变量是否已经设置的方法
2020/08/13 Python
详解HTML5 data-* 自定义属性
2018/01/24 HTML / CSS
详解Html5 监听拦截Android返回键方法
2018/04/18 HTML / CSS
施华洛世奇澳大利亚官网:SWAROVSKI澳大利亚
2017/01/06 全球购物
Paul Smith英国官网:英国国宝级时装品牌
2019/03/21 全球购物
世界上最大的铁人三项商店:Tri UK
2020/11/04 全球购物
体育教师自我鉴定
2014/02/12 职场文书
职业培训师职业生涯规划
2014/02/18 职场文书
2014年预备党员学习新党章思想汇报
2014/09/15 职场文书
2014年青年教师工作总结
2014/12/17 职场文书
出纳岗位职责范本
2015/03/31 职场文书
一个成功的互联网创业项目,必须满足这些要求
2019/08/23 职场文书
Go 语言结构实例分析
2021/07/04 Golang
Redis实现分布式锁的五种方法详解
2022/06/14 Redis