使用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 关于# 和 void的区别分析
Oct 26 Javascript
我的Node.js学习之路(二)NPM模块管理
Jul 06 Javascript
jQuery的ready方法详解
Nov 27 Javascript
jQuery动态生成表格及右键菜单功能示例
Jan 13 Javascript
js控制按钮,防止频繁点击响应的实例
Feb 15 Javascript
Vue组件通信实践记录(推荐)
Aug 15 Javascript
Vue 2.0入门基础知识之内部指令详解
Oct 15 Javascript
vue环形进度条组件实例应用
Oct 10 Javascript
jQuery实现图片下载代码
Jul 18 jQuery
vue动态子组件的两种实现方式
Sep 01 Javascript
VUE 组件转换为微信小程序组件的方法
Nov 06 Javascript
javascript函数式编程基础
Sep 15 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中在数据库中保存Checkbox数据(2)
2006/10/09 PHP
php常用的安全过滤函数集锦
2014/10/09 PHP
thinkphp项目部署到Linux服务器上报错“模板不存在”如何解决
2016/04/27 PHP
详解PHP5.6.30与Apache2.4.x配置
2017/06/02 PHP
PHP大文件切割上传并带进度条功能示例
2019/07/01 PHP
关于js类的定义
2011/06/28 Javascript
JQuery与JSon实现的无刷新分页代码
2011/09/13 Javascript
用js判断页面是否加载完成实现代码
2012/12/11 Javascript
深入理解JavaScript系列(30):设计模式之外观模式详解
2015/03/03 Javascript
jQuery实现div拖拽效果实例分析
2016/02/20 Javascript
JavaScript代码性能优化总结篇
2016/05/15 Javascript
JS组件Bootstrap实现图片轮播效果
2016/05/16 Javascript
微信支付 JS API支付接口详解
2016/07/11 Javascript
微信小程序 地图map详解及简单实例
2017/01/10 Javascript
React-Native做一个文本输入框组件的实现代码
2017/08/10 Javascript
深入浅析vue-cli@3.0 使用及配置说明
2019/05/08 Javascript
解决Vue keep-alive 调用 $destory() 页面不再被缓存的情况
2020/10/30 Javascript
python使用os模块的os.walk遍历文件夹示例
2014/01/27 Python
使用Python编写爬虫的基本模块及框架使用指南
2016/01/20 Python
Python正则表达式知识汇总
2017/09/22 Python
python实现音乐播放器 python实现花框音乐盒子
2020/02/25 Python
python GUI库图形界面开发之PyQt5树形结构控件QTreeWidget详细使用方法与实例
2020/03/02 Python
Python3中小括号()、中括号[]、花括号{}的区别详解
2020/11/15 Python
python爬虫利器之requests库的用法(超全面的爬取网页案例)
2020/12/17 Python
10分钟理解CSS3 FlexBox弹性布局
2018/12/20 HTML / CSS
英国著名的化妆品折扣网站:Allbeauty.com
2016/07/21 全球购物
Ref与out有什么不同
2012/11/24 面试题
骨干教师培训制度
2014/01/13 职场文书
初中体育教学反思
2014/01/14 职场文书
上课说话检讨书大全
2014/01/22 职场文书
教师绩效工资方案
2014/02/01 职场文书
银行服务感言
2014/03/01 职场文书
小学班级口号
2014/06/09 职场文书
技术经济专业求职信
2014/09/03 职场文书
毕业实习证明(4篇)
2014/10/28 职场文书
Apache压力测试工具的安装使用
2021/03/31 Servers