html老师点名软件的代码,随机点名器点击按钮文字随机点名器代码

特效描述：随机点名器点击按钮文字随机点名，js特效

代码结构

1. HTML代码

点名器

*{margin:0;padding:0;list-style-type:none;}

a,img{border:0;}

body{font:12px/180% "Microsoft YaHei","微软雅黑", "宋体";}

#bodybj{background:url(images.jpg) no-repeat center top;}

#box{margin:auto;width:660px;font-size:66px;height:94px;line-height:94px;overflow:hidden;color:#138eee;text-align:center;padding:0 30px;margin-top:200px;}

#bt{margin:auto;width:200px;text-align:center;margin-top:75px;color:#fff;font-size:25px;line-height:28px;cursor:pointer;}

var namelist=[

"张三","李四","王五","贺六","孙九","赵十","刘一"];

var mytime=null;

function doit(){

var bt=window.document.getElementById("bt");

if(mytime==null){

bt.innerHTML="停止点名";

show();

}else{

bt.innerHTML="开始点名";

clearTimeout(mytime);

mytime=null;

}

function show(){

var box=window.document.getElementById("box");

var num=Math.floor((Math.random()*100000))%namelist.length;

box.innerHTML=namelist[num];

mytime=setTimeout("show()",1);

}

亲，准备好点名了吗？

开始点名

html老师点名软件的代码,随机点名器点击按钮文字随机点名器代码相关推荐

java button随机颜色_Javascript点击按钮随机改变数字与其颜色
先来看看效果图实例代码 #box { margin: 100px auto; width: 200px; height: 150px; line-height: 150px; letter-spac ...
vue 点击按钮实现随机颜色
随机颜色 <button @click="btn">点击</button><div :style="{color:colorRender}& ...
html语言字体上下滚动代码,div+css+jquery公告栏垂直(上下)文字单行滚动特效代码（三种样式）...
网站公告栏一般采用滚动形式,随着jquery的出现,特效做起来更加简单,所以目前大多数网站都有自己的公告栏目,采用文字滚动的形式,今天来分享几个垂直公告文字滚动特效,分别是全面版,常用版,以及极简版! ...
刷新页面微信二维码图片随机换，点击按钮自动复制对应微信号
<div style="text-align: center;"> <p style="font-size: 18px;color: rgb(255, ...
点击按钮自动加关注的代码(sina微博/QQ空间/人人网/腾讯微博)
sina微博: <iframe width="120" height="24" frameborder="0" allowtransp ...
点击按钮追加html代码,vue中如何点击按钮动态添加多个div，并给这些div附加上双击事件或者鼠标右击事件...
可以试试另一种方法,隐式创建Vue实例,比较适合封装成函数进行调用要挂载在到#app1的根实例: new Vue({ el: '#app1', template: ` 创建一个div `, meth ...
android listview item点击时更改textview的颜色代码中实现
2019独角兽企业重金招聘Python工程师标准>>> listview点击时更改textview文字颜色很多网上的资料都已经介绍,本人也在实际中xml文件中已实现. 但是将xml文 ...
HTML点击按钮弹出对话框（仅代码）
HTML点击按钮弹出对话框的代码(整个网页): <!doctype html> <html> <head><title>无标题文档</title& ...
html圆圈中打钩代码,CSS3点击按钮圆形进度打钩效果的实现代码
文章目录八.CSS3点击按钮圆形进度打钩效果8.1 图片预览8.2 index.html代码8.3 style.css代码八.CSS3点击按钮圆形进度打钩效果 8.1 图片预览 8.2 index ...

html老师点名软件的代码,随机点名器点击按钮文字随机点名器代码

html老师点名软件的代码,随机点名器点击按钮文字随机点名器代码相关推荐

最新文章

热门文章