使用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 相关文章推荐
javascript 获取网页参数系统
Jul 19 Javascript
js将控件隐藏的方法及display属性介绍
Jul 04 Javascript
限制textbox或textarea输入字符长度的JS代码
Oct 16 Javascript
JS window对象的top、parent、opener含义介绍
Dec 03 Javascript
JS随机调用指定函数的方法
Jul 01 Javascript
jQuery3.0中的buildFragment私有函数详解
Aug 16 Javascript
js判断是否为空和typeof的用法(详解)
Oct 07 Javascript
详解Node.js access_token的获取、存储及更新
Jun 20 Javascript
JS实现闭包中的沙箱模式示例
Sep 07 Javascript
Vue导出json数据到Excel电子表格的示例
Dec 04 Javascript
基于js判断浏览器是否支持webGL
Apr 18 Javascript
vue实现多个echarts根据屏幕大小变化而变化实例
Jul 19 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使用curl获取https请求的方法
2015/02/11 PHP
WordPress开发中自定义菜单的相关PHP函数使用简介
2016/01/05 PHP
yii2整合百度编辑器umeditor及umeditor图片上传问题的解决办法
2016/04/20 PHP
响应鼠标变换表格背景或者颜色的代码
2009/03/30 Javascript
层序遍历在ExtJs的TreePanel中的应用
2009/10/16 Javascript
FireFox下XML对象转化成字符串的解决方法
2011/12/09 Javascript
JavaScript输入邮箱自动提示实例代码
2014/01/13 Javascript
jquery操作HTML5 的data-*的用法实例分享
2014/08/17 Javascript
js交换排序 冒泡排序算法(Javascript版)
2014/10/04 Javascript
jQuery中mouseover事件用法实例
2014/12/26 Javascript
浅谈JavaScript中的String对象常用方法
2015/02/25 Javascript
原生js实现模拟滚动条
2015/06/15 Javascript
Java中Timer的用法详解
2015/10/21 Javascript
jquery插件ajaxupload实现文件上传操作
2015/12/09 Javascript
JS获取input file绝对路径的方法(推荐)
2016/08/02 Javascript
JS轮播图中缓动函数的封装
2020/11/25 Javascript
nodejs中模块定义实例详解
2017/03/18 NodeJs
利用vue+elementUI实现部分引入组件的方法详解
2017/11/22 Javascript
详解vue-cli脚手架中webpack配置方法
2018/08/22 Javascript
Postman内建变量常用方法实例解析
2020/07/28 Javascript
Python的Django框架中URLconf相关的一些技巧整理
2015/07/18 Python
python使用matplotlib绘制热图
2018/11/07 Python
python读取多层嵌套文件夹中的文件实例
2020/02/27 Python
Python爬虫爬取杭州24时温度并展示操作示例
2020/03/27 Python
Python实现JS解密并爬取某音漫客网站
2020/10/23 Python
css3中单位px,em,rem,vh,vw,vmin,vmax的区别及浏览器支持情况
2016/12/06 HTML / CSS
HTML5 实战PHP之Web页面表单设计
2011/10/09 HTML / CSS
海淘母婴商城:国际妈咪
2016/07/23 全球购物
意大利高端时尚买手店:Stefania Mode
2018/03/01 全球购物
公务员培训心得体会
2013/12/28 职场文书
审计专业自荐信范文
2014/04/21 职场文书
推荐信模板
2014/05/09 职场文书
优秀小学生事迹材料
2014/12/26 职场文书
2016年6.5世界环境日宣传活动总结
2016/04/01 职场文书
80行代码写一个Webpack插件并发布到npm
2021/05/24 Javascript
分享7个 Python 实战项目练习
2022/03/03 Python