使用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 相关文章推荐
静态的动态续篇之来点XML
Dec 23 Javascript
javascript eval和JSON之间的联系
Dec 31 Javascript
在jQuery 1.5中使用deferred对象的代码(翻译)
Mar 10 Javascript
javascript中的缓动效果实现程序
Dec 29 Javascript
jQuery 借助插件Lavalamp实现导航条动态美化效果
Sep 27 Javascript
JsRender实用入门教程
Oct 31 Javascript
iscroll-probe实现下拉刷新和下拉加载效果
Jun 28 Javascript
js实现鼠标拖拽多选功能示例
Aug 01 Javascript
vue项目国际化vue-i18n的安装使用教程
Mar 14 Javascript
JavaScript事件冒泡与事件捕获实例分析
Aug 01 Javascript
ng-repeat指令在迭代对象时的去重方法
Oct 02 Javascript
详解React 服务端渲染方案完美的解决方案
Dec 14 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 file_get_contents 函数超时的几种解决方法
2009/07/30 PHP
那些年一起学习的PHP(一)
2012/03/21 PHP
使用JavaScript创建新样式表和新样式规则
2016/06/14 PHP
laravel-admin 中列表筛选方法
2019/10/03 PHP
Firefox 无法获取cssRules 的解决办法
2006/10/11 Javascript
脚本合并提升javascript性能示例
2014/02/24 Javascript
浅谈JavaScript字符串与数组
2015/06/03 Javascript
[原创]JQuery 在表单提交之前修改 提交的值
2016/04/14 Javascript
jQuery移除或禁用html元素点击事件常用方法小结
2017/02/10 Javascript
jQuery+CSS实现的table表格行列转置功能示例
2018/01/08 jQuery
webpack多入口文件页面打包配置详解
2018/01/09 Javascript
微信小程序实现弹出菜单
2018/07/19 Javascript
element vue Array数组和Map对象的添加与删除操作
2018/11/14 Javascript
为Python程序添加图形化界面的教程
2015/04/29 Python
基于python实现的抓取腾讯视频所有电影的爬虫
2016/04/22 Python
Python外星人入侵游戏编程完整版
2020/03/30 Python
浅谈Python黑帽子取代netcat
2018/02/10 Python
TensorFlow中权重的随机初始化的方法
2018/02/11 Python
Python实现使用request模块下载图片demo示例
2019/05/24 Python
Python PO设计模式的具体使用
2019/08/16 Python
django中related_name的用法说明
2020/05/20 Python
IntelliJ 中配置 Anaconda的过程图解
2020/06/01 Python
10种CSS3实现的loading动画,挑一个走吧?
2020/11/16 HTML / CSS
HTML5中使用json对象的实例代码
2018/09/10 HTML / CSS
美国在线家具网站:GDFStudio
2021/03/13 全球购物
荷兰美妆护肤品海淘网站:Beautinow(中文)
2020/11/22 全球购物
实用求职信范文分享
2013/12/25 职场文书
优秀部门获奖感言
2014/02/14 职场文书
服装采购员岗位职责
2014/03/15 职场文书
环保倡议书格式范文
2014/05/14 职场文书
建筑施工安全生产责任书
2014/07/22 职场文书
公务员检讨书
2014/11/01 职场文书
医生辞职信范文
2015/03/02 职场文书
go语言基础 seek光标位置os包的使用
2021/05/09 Golang
Nginx实现负载均衡的项目实践
2022/03/18 Servers
SpringBoot使用AOP实现统计全局接口访问次数详解
2022/06/16 Java/Android