使用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.simple.tree插件 更简单,兼容性更好的无限树插件
Sep 03 Javascript
在IE和VB中支持png图片透明效果的实现方法(vb源码打包)
Apr 01 Javascript
js每隔5分钟执行一次ajax请求的实现方法
Nov 27 Javascript
javascript中数组的冒泡排序使用示例
Dec 18 Javascript
jQuery插件zepto.js简单实现tab切换
Jun 16 Javascript
jQuery获取attr()与prop()属性值的方法及区别介绍
Jul 06 Javascript
基于Bootstrap的Metronic框架实现页面链接收藏夹功能
Aug 29 Javascript
解析利用javascript如何判断一个数为素数
Dec 08 Javascript
Jquery EasyUI Datagrid右键菜单实现方法
Dec 30 Javascript
js实现选项卡内容切换以及折叠和展开效果【推荐】
Jan 08 Javascript
在 webpack 中使用 ECharts的实例详解
Feb 05 Javascript
vue中axios的封装问题(简易版拦截,get,post)
Jun 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
怎么使 Mysql 数据同步
2006/10/09 PHP
php 地区分类排序算法
2013/07/01 PHP
laravel在中间件内生成参数并且传递到控制器中的2种姿势
2019/10/15 PHP
php实现文件上传基本验证
2020/03/04 PHP
Gambit vs ForZe BO3 第三场 2.13
2021/03/10 DOTA
JavaScript高级程序设计 错误处理与调试学习笔记
2011/09/10 Javascript
解决Extjs4中form表单提交后无法进入success函数问题
2013/11/26 Javascript
jQuery中clearQueue()方法用法实例
2014/12/29 Javascript
javascript计时器详解
2015/02/28 Javascript
AngularJS 打开新的标签页实现代码
2017/09/07 Javascript
Vue from-validate 表单验证的示例代码
2017/09/26 Javascript
vuejs使用递归组件实现树形目录的方法
2017/09/30 Javascript
解决Vue.js父组件$on无法监听子组件$emit触发事件的问题
2018/09/12 Javascript
Vue $emit $refs子父组件间方法的调用实例
2018/09/12 Javascript
layui 中select下拉change事件失效的解决方法
2019/09/20 Javascript
使用node.JS中的url模块解析URL信息
2020/02/06 Javascript
vue项目接口域名动态获取操作
2020/08/13 Javascript
python3图片转换二进制存入mysql
2013/12/06 Python
django框架自定义用户表操作示例
2018/08/07 Python
Django model序列化为json的方法示例
2018/10/16 Python
对Python 多线程统计所有csv文件的行数方法详解
2019/02/12 Python
Django实现web端tailf日志文件功能及实例详解
2019/07/28 Python
Django框架 Pagination分页实现代码实例
2019/09/04 Python
python3发送request请求及查看返回结果实例
2020/04/30 Python
keras 回调函数Callbacks 断点ModelCheckpoint教程
2020/06/18 Python
详解css3中的伪类before和after常见用法
2020/11/17 HTML / CSS
html5 canvas 实现光线沿不规则路径运动
2020/04/20 HTML / CSS
党员承诺书怎么写
2014/05/20 职场文书
大学生就业自荐书
2014/06/16 职场文书
个人授权委托书范文
2014/09/21 职场文书
收银员岗位职责
2015/02/03 职场文书
遗失证明范文
2015/06/19 职场文书
教育教学工作反思
2016/02/24 职场文书
pytorch加载预训练模型与自己模型不匹配的解决方案
2021/05/13 Python
Redis如何实现分布式锁
2021/08/23 Redis
Python学习之包与模块详解
2022/03/19 Python