使用javascript做的一个随机点名程序
<!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>
相关推荐
-
JS实现课堂随机点名和顺序点名
1. 效果: 2. Html代码: <body> <form> <div align="center"> <input type="button" value="开始点名" onclick="students()" class="ks"/> <input type="button" value="停止点名" onc
-
js实现随机点名系统(实例讲解)
废话不多说,直接上代码: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>随机点名</title> <style type="text/css"> td{ text-align: center; } </style> </head> <body
-
JavaScript实现班级随机点名小应用需求的具体分析
需求如下: 1.在网页中显示,班级所有人员的名字. 2.点击开始按钮,人员的颜色开始变化,当停止的时候,会有一个颜色不同的位置,那么这个位置就是被点到的同学了. 大致的图形界面如下: 下面是对上面的需求分析的具体分析如下: 1.初始化这样一个页面,并设置统一颜色-green. a.同学的名字,用数组存储 b.在页面用div块显示 2.随机选择一个位置让其颜色变化成-red a.颜色的变化用css样式去控制 b.随机的位置用随机函数去生成 3.为了让其有动画的效果,设置间隔时间让其颜色变化的位置向
-
javascript实现的一个随机点名功能
这个其实是对JS随机数的一个练习方式,先把所有人得名字预先写好在一个数组里,然后让数组里的值快速的显示在区域内,当你按停的时候滚动就会停止达到随机效果. <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>JS写的随机点名 - 琼台博客</title> <script type="text/javascript">
-
使用javascript做的一个随机点名程序
复制代码 代码如下: <!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"
-
python实战练习做一个随机点名的程序
用python做一个简单的随机点名程序(不重复点名) 这是我来到csdn的第一篇文章,内容如果有瑕疵的地方或者代码可以进一步改善,请大家对我指点一二.谢谢!废话不多说,上代码! import random #导入随机模块 import pyttsx3 #导入第三方语音模块 listen = pyttsx3.init() #初始化一个变量 txt_path = input('请输入txt文件的path:') #使用者输入名单文件的路径(名单文件为txt,一行只能有一个姓名,姓名必须在行首不能有空格
-
JavaScript实现随机点名程序
本文实例为大家分享了js实现随机点名程序的具体代码,供大家参考,具体内容如下 效果: 录制的gif效果图没那么理想,其实速度是比这个快的 思路: 1.定义一个数组,存放名单 2.启动定时器,设定间隔时间不断调用函数 3.Math.random()获取随机下标,根据下标的随机变换取出数组中对应的元素 4.逻辑代码完成后,通过DOM对象把变化的结果呈现在页面上 JS代码: <script> var arr = ["唐僧", "孙悟空", "猪八戒&
-
js实现随机点名程序
最近用到了一下随机点名程序,就自己整理一下.代码实现后的截图如下. <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equ
-
python写一个随机点名软件的实例
最近有个随机点名软件的需求,故写了一个,上代码:github地址 # -*- coding: utf-8 -*- # @Time : 18-12-31 下午4:21 # @Author : Felix Wang from tkinter import * import tkinter.font as tkFont import random import gc import os, sys import chardet import copy from threading import Thre
-
python用tkinter实现一个简易能进行随机点名的界面
今天学到Python 有一个名为 random 的内置模块,可用于生成随机数, 这个好玩~可以用来做为上课随机点名的程序了哈哈.. def main_cor(): import random i = random.randrange(0,29) with open('roll_call.txt', encoding='utf-8') as file_obj: contents = file_obj.read() stuff = contents.split(' ') s = stuff[i] s
-
JavaScript实现随机点名网页
JavaScript写一个随机点名网页,供大家参考,具体内容如下 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Document</title> <style> * { margin: 0; padding: 0; } #box { border: 1px solid black;/*设置盒子的边框和颜色*/ width: 500
-
JS实现随机点名系统
用JS实现一个随机点名系统,供大家参考,具体内容如下 每次上课前10分钟,老师都会叫我们回答问题,奈何每次都是点学号,好像每次我都能中奖,我直接跟老师提议,老师,我用来JS来帮你写个随机点名的系统吧!这样就不会每次都抽到我了,哈哈 先看效果: 代码如下: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv=
-
JavaScript实现随机点名小程序
本文实例为大家分享了JavaScript实现随机点名小程序的具体代码,供大家参考,具体内容如下 导入jar包 将jquery-3.3.1.min.js包导入到web目录下的js包 代码实现 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>点名器</title> <style> body{ ba
随机推荐
- yii框架redis结合php实现秒杀效果(实例代码)
- Linux 中Tomcat远程调试代码的实现方法
- 详解Java MyBatis 插入数据库返回主键
- 兼容IE,firefox的获取节点的文本值的javascript代码
- php数据结构与算法(PHP描述) 快速排序 quick sort
- 使用PHP导出Word文档的原理和实例
- 如何采集静态文章系统
- Android打造炫酷进度条效果
- python让图片按照exif信息里的创建时间进行排序的方法
- 关于NoSQL之MongoDB的一些总结
- php实现比较两个字符串日期大小的方法
- 解决php的“It is not safe to rely on the system’s timezone settings”问题
- jQuery实现点击文本框弹出热门标签的提示效果
- IE:加快网页的下载速度
- Web服务中的异常处理(2)
- JAVA装饰者模式(从现实生活角度理解代码原理)
- java 中RandomAccess接口源码分析
- javascript帧动画(实例讲解)
- 交换机的启动及基本配置
- 形形色色的交换机
其他
- jdt 相关的 extentsions 没有安装
- 接口自动化测试框架java
- 用c语言实现从n个取出m个组合
- python 提取指定位置前的数字
- 用spring Assistant创建web
- cmd中npm不是内部或外部命令
- mybatis 格式化sql yml配置
- pytorch多变量拟合
- 损失函数一般分为4种
- navicat primium 自动备份
- mysql if 触发器 null
- git提交很慢 performing code
- C# request设置翻墙
- vue打包后修改接口地址
- uint8array转字符串 utf8
- vue echarts js 分开写
- flask-sqlalchemy 时间戳
- shell warning信息输出到日志文件
- springboot resource下的bash脚本
- node怎么直接在vscode打开浏览器页面