使用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 相关文章推荐
利用百度地图JSAPI生成h7n9禽流感分布图实现代码
Apr 15 Javascript
JavaScript等比例缩放图片控制超出范围的图片
Aug 06 Javascript
Jquery中给animation加更多的运作效果实例
Sep 05 Javascript
Bootstrap中文本框的宽度变窄并且加入一副验证码图片的实现方法
Jun 23 Javascript
JavaScript中原型链存在的问题解析
Sep 25 Javascript
javascript回调函数详解
Feb 06 Javascript
如何更好的编写js async函数
May 13 Javascript
使用Vue做一个简单的todo应用的三种方式的示例代码
Oct 20 Javascript
使用Sonarqube扫描Javascript代码的示例
Dec 26 Javascript
Node.js中package.json中库的版本号(~和^)
Apr 02 Javascript
JS面向对象之单选框实现
Jan 17 Javascript
Js视频播放器插件Video.js使用方法详解
Feb 04 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
php获得文件扩展名三法
2006/11/25 PHP
apache2.2.4+mysql5.0.77+php5.2.8安装精简
2009/04/29 PHP
php递归实现无限分类生成下拉列表的函数
2010/08/08 PHP
php使用Jpgraph绘制柱形图的方法
2015/06/10 PHP
php读取本地json文件的实例
2018/03/07 PHP
ajax 文件上传应用简单实现
2009/03/03 Javascript
js 程序执行与顺序实现详解
2013/05/13 Javascript
alert中断settimeout计时功能
2013/07/26 Javascript
window.location.href IE下跳转失效的解决方法
2014/03/27 Javascript
Egret引擎开发指南之发布项目
2014/09/03 Javascript
jquery实现的蓝色二级导航条效果代码
2015/08/24 Javascript
动态设置form表单的action属性的值的简单方法
2016/05/25 Javascript
js从外部获取图片的实现方法
2016/08/05 Javascript
BootStrap网页中代码显示用法详解
2016/10/21 Javascript
Vue.js组件tabs实现选项卡切换效果
2016/12/01 Javascript
浅谈Node.js:fs文件系统模块
2016/12/08 Javascript
jQuery插件zTree实现获取当前选中节点在同级节点中序号的方法
2017/03/08 Javascript
微信小程使用swiper组件实现图片轮播切换显示功能【附源码下载】
2017/12/12 Javascript
微信小程序实现左右联动的实战记录
2018/07/05 Javascript
通过实践编写优雅的JavaScript代码
2019/05/30 Javascript
js 实现watch监听数据变化的代码
2019/10/13 Javascript
[01:00:49]DOTA2-DPC中国联赛 正赛 Ehome vs iG BO3 第二场 1月31日
2021/03/11 DOTA
python测试驱动开发实例
2014/10/08 Python
python读取json文件并将数据插入到mongodb的方法
2015/03/23 Python
Python二分查找详解
2015/09/13 Python
在CMD命令行中运行python脚本的方法
2018/05/12 Python
通过Python编写一个简单登录功能过程解析
2019/09/04 Python
pytorch标签转onehot形式实例
2020/01/02 Python
keras中的卷积层&amp;池化层的用法
2020/05/22 Python
Python语言编写智力问答小游戏功能
2020/10/13 Python
DHC中国官方购物网站:日本通信销售No.1化妆品
2016/08/20 全球购物
瑞典手机壳品牌:Richmond & Finch
2018/04/28 全球购物
中专生自我鉴定范文
2013/12/19 职场文书
求职信格式范文
2015/03/19 职场文书
2016年社区六一儿童节活动总结
2016/04/06 职场文书
详解PHP设计模式之依赖注入模式
2021/05/25 PHP