使用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 相关文章推荐
使用jquery为table动态添加行的实现代码
Mar 30 Javascript
对于this和$(this)的个人理解
Sep 08 Javascript
关于删除时的提示处理(确定删除吗)
Nov 03 Javascript
prototype.js常用函数详解
Jun 18 Javascript
浅谈Javascript数据属性与访问器属性
Jul 26 Javascript
jquery根据一个值来选中select下的option实例代码
Aug 29 Javascript
jquery——九宫格大转盘抽奖实例
Jan 16 Javascript
js定时器+简单的动画效果实例
Nov 10 Javascript
详解如何在vue项目中使用lodop打印插件
Sep 27 Javascript
JavaScript中window和document用法详解
Jul 28 Javascript
JavaScript setTimeout()基本用法有哪些
Nov 04 Javascript
vue 数据双向绑定的实现方法
Mar 04 Vue.js
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
星际争霸 Starcraft 游戏介绍
2020/03/14 星际争霸
我的论坛源代码(一)
2006/10/09 PHP
基于PHP5魔术常量与魔术方法的详解
2013/06/13 PHP
PHP父类调用子类方法的代码例子
2014/04/09 PHP
php简单实现多字节字符串翻转的方法
2015/03/31 PHP
PHP中ltrim()函数的用法与实例讲解
2019/03/28 PHP
用JQuery 实现的自定义对话框
2007/03/24 Javascript
Seajs的学习笔记
2014/03/04 Javascript
js获取网页可见区域、正文以及屏幕分辨率的高度
2014/05/15 Javascript
浅谈EasyUI中编辑treegrid的方法
2015/03/01 Javascript
基于jquery实现复选框全选,反选,全不选等功能
2015/10/16 Javascript
JS密码生成与强度检测完整实例(附demo源码下载)
2016/04/06 Javascript
JS+html5制作简单音乐播放器
2020/09/13 Javascript
Echarts动态加载多条折线图的实现代码
2019/05/24 Javascript
vue spa应用中的路由缓存问题与解决方案
2019/05/31 Javascript
JavaScript工具库MyTools详解
2020/01/01 Javascript
初学python数组的处理代码
2011/01/04 Python
python实现通过shelve修改对象实例
2014/09/26 Python
如何将python中的List转化成dictionary
2016/08/15 Python
Python连接DB2数据库
2016/08/27 Python
全面了解python中的类,对象,方法,属性
2016/09/11 Python
浅谈python中requests模块导入的问题
2018/05/18 Python
python实现输入三角形边长自动作图求面积案例
2020/04/12 Python
在keras中对单一输入图像进行预测并返回预测结果操作
2020/07/09 Python
python实现发送QQ邮件(可加附件)
2020/12/23 Python
python 实现Requests发送带cookies的请求
2021/02/08 Python
css3 box-shadow阴影(外阴影与外发光)图示讲解
2017/08/11 HTML / CSS
详解CSS3中nth-child与nth-of-type的区别
2017/01/05 HTML / CSS
Nike台湾官方商店:Nike.com (TW)
2017/08/16 全球购物
北美个性化礼品商店:Things Remembered
2018/06/12 全球购物
大学生文员专业个人求职信范文
2014/01/05 职场文书
《小熊住山洞》教学反思
2014/02/21 职场文书
职称评定个人总结
2015/03/05 职场文书
2016年中学法制宣传日活动总结
2016/04/01 职场文书
为什么mysql字段要使用NOT NULL
2021/05/13 MySQL
Java 实现限流器处理Rest接口请求详解流程
2021/11/02 Java/Android