使用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选择没有colspan属性的td的代码
Jul 06 Javascript
读jQuery之六 缓存数据功能介绍
Jun 21 Javascript
分享一个自己动手写的jQuery分页插件
Aug 28 Javascript
Bootstrap布局组件应用实例讲解
Feb 17 Javascript
Vue resource中的GET与POST请求的实例代码
Jul 21 Javascript
JS实现微信摇一摇原理解析
Jul 22 Javascript
Vue-Cli中自定义过滤器的实现代码
Aug 12 Javascript
对存在JavaScript隐式类型转换的四种情况的总结(必看篇)
Aug 31 Javascript
使用命令行工具npm新创建一个vue项目的方法
Dec 27 Javascript
微信小程序实现单选选项卡切换效果
Jun 19 Javascript
Vue form表单动态添加组件实战案例
Sep 02 Javascript
关于vue路由缓存清除在main.js中的设置
Nov 06 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简单封装了一些常用JS操作
2007/02/25 PHP
session在PHP大型web应用中的使用
2011/06/25 PHP
php另类上传图片的方法(PHP用Socket上传图片)
2013/10/30 PHP
Win7 64位系统下PHP连接Oracle数据库
2014/08/20 PHP
ThinkPHP实现动态包含文件的方法
2014/11/29 PHP
PHP打印输出函数汇总
2016/08/28 PHP
PHP文件管理之实现网盘及压缩包的功能操作
2017/09/20 PHP
PHP实现的DES加密解密类定义与用法示例
2020/11/02 PHP
PHP PDOStatement::errorInfo讲解
2019/01/31 PHP
PHP防止sql注入小技巧之sql预处理原理与实现方法分析
2019/12/13 PHP
PHP pthreads v3在centos7平台下的安装与配置操作方法
2020/02/21 PHP
javascript 面向对象的JavaScript类
2010/05/04 Javascript
jQuery实现的进度条效果
2015/07/15 Javascript
基于jQuery实现多标签页切换的效果(web前端开发)
2016/07/24 Javascript
jQuery过滤选择器用法示例
2016/09/12 Javascript
利用node.js如何搭建一个简易的即时响应服务器
2017/05/28 Javascript
详解通过源码解析Node.js中cluster模块的主要功能实现
2018/05/16 Javascript
微信小程序获取用户信息并保存登录状态详解
2019/05/10 Javascript
Vue Components 数字键盘的实现
2019/09/18 Javascript
关于IDEA中的.VUE文件报错 Export declarations are not supported by current JavaScript version
2020/10/17 Javascript
[02:14]2016国际邀请赛中国区预选赛Ehome晋级之路
2016/07/01 DOTA
Python httplib,smtplib使用方法
2008/09/06 Python
举例讲解Python面相对象编程中对象的属性与类的方法
2016/01/19 Python
python3.4用循环往mysql5.7中写数据并输出的实现方法
2017/06/20 Python
python分块读取大数据,避免内存不足的方法
2018/12/10 Python
django的ORM模型的实现原理
2019/03/04 Python
Python爬虫如何破解JS加密的Cookie
2020/11/19 Python
NFL Game Pass欧洲:在线观看NFL比赛直播和点播,以高清质量播放
2018/08/30 全球购物
华为菲律宾官方网站:HUAWEI Philippines
2021/02/23 全球购物
几个Linux面试题笔试题
2012/12/01 面试题
付款委托书范本
2014/04/04 职场文书
质量安全标语
2014/06/07 职场文书
民主生活会对照检查材料思想汇报
2014/09/27 职场文书
人力资源部岗位职责
2015/02/11 职场文书
活动主持人开场白
2015/05/28 职场文书
新手入门Mysql--概念
2021/06/18 MySQL