使用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 CSS修改学习第二章 样式
Feb 19 Javascript
推荐30个新鲜出炉的精美 jQuery 效果
Mar 26 Javascript
javascript的push使用指南
Dec 05 Javascript
JavaScript中用字面量创建对象介绍
Dec 31 Javascript
js实现浏览本地文件并显示扩展名的方法
Aug 17 Javascript
js仿黑客帝国字母掉落效果代码分享
Nov 08 Javascript
jQuery Ajax 加载数据时异步显示加载动画
Aug 01 Javascript
AngularJS之页面跳转Route实例代码
Mar 10 Javascript
vue 全选与反选的实现方法(无Bug 新手看过来)
Feb 09 Javascript
vue中锚点的三种方法
Jul 06 Javascript
详解Vue.js在页面加载时执行某个方法
Nov 20 Javascript
js生成1到100的随机数最简单的实现方法
Feb 07 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在linux下检测mysql同步状态的方法
2015/01/15 PHP
PHP批量去除BOM头代码分享
2015/06/26 PHP
PHPExcel 修改已存在Excel的方法
2018/05/03 PHP
JavaScript 一行代码,轻松搞定浮动快捷留言-V2升级版
2010/04/02 Javascript
jQuery UI AutoComplete 使用说明
2011/06/20 Javascript
Node.js编程中客户端Session的使用详解
2015/06/23 Javascript
JS日期加减,日期运算代码
2015/11/05 Javascript
百度坐标(BD09)、国测局坐标(火星坐标,GCJ02)、和WGS84坐标系之间的转换
2016/02/19 Javascript
Javascript之BOM(window对象)详解
2016/05/25 Javascript
详解Vue.js——60分钟组件快速入门(上篇)
2016/12/05 Javascript
js 数据存储和DOM编程
2017/02/09 Javascript
JavaScript ES6箭头函数使用指南
2018/12/30 Javascript
详解vue项目中使用token的身份验证的简单实践
2019/03/08 Javascript
3分钟了解vue数据劫持的原理实现
2019/05/01 Javascript
这15个Vue指令,让你的项目开发爽到爆
2019/10/11 Javascript
Vue利用localStorage本地缓存使页面刷新验证码不清零功能的实现
2020/09/04 Javascript
js实现三角形粒子运动
2020/09/22 Javascript
python类继承用法实例分析
2014/10/10 Python
python检测远程udp端口是否打开的方法
2015/03/14 Python
python实现定时播放mp3
2015/03/29 Python
整理Python最基本的操作字典的方法
2015/04/24 Python
详解Python中break语句的用法
2015/05/14 Python
Python爬虫利用cookie实现模拟登陆实例详解
2017/01/12 Python
Python中pygal绘制雷达图代码分享
2017/12/07 Python
python中的迭代和可迭代对象代码示例
2017/12/27 Python
python动态进度条的实现代码
2019/07/03 Python
详解Python中的各种转义符\n\r\t
2019/07/10 Python
Python学习笔记之函数的参数和返回值的使用
2019/11/20 Python
Ubuntu配置Pytorch on Graph (PoG)环境过程图解
2020/11/19 Python
详解Django中的FBV和CBV对比分析
2021/03/01 Python
浅谈HTML5 FileReader分布读取文件以及其方法简介
2017/11/09 HTML / CSS
财务人员个人求职信范文
2013/12/04 职场文书
计算机实训报告范文
2014/11/05 职场文书
HR在给员工开具离职证明时,需要注意哪些问题?
2019/07/03 职场文书
MySQL中datetime时间字段的四舍五入操作
2021/10/05 MySQL
JavaScript原型链详解
2021/11/07 Javascript