用php实现随机点名,js实现随机点名

本文实例为大家分享了js实现随机点名的具体代码,供大家参考,具体内容如下

1b43daa1af9396b21fa958b17a53c966.gif

代码:

Document

div:nth-child(1) {

width: 200px;

height: 100px;

background-color: burlywood;

text-align: center;

line-height: 100px;

}

div:nth-child(2) {

width: 100px;

height: 100px;

background-color: pink;

border-radius: 50%;

text-align: center;

line-height: 100px;

}

刘志远
开始

var div = document.getElementsByTagName('div');

var btn = document.getElementsByTagName('button')[0];

username()

function username() {

var flag = false;

var timerId = null;

// console.log(div);

var arr = ['刘志远', '万策', '李博文', '曹建莹', '张佳祺', '赵瑞瑞', '陈全虎', '胡金朋', '耿建丽', '王如雪', '王振涛', '刘放', '张亚迪', '朱翔煜', '王奥', '薛澳飞', '刘志玮', '胡高洋', '周畅', '赵英杰', '徐亚美', '郑勇超', '闻吉祥', '王阿雨', '陈德帅', '申林益', '赵艳哲', ' 肖梦飞', '鲍尔欣', '代星澳', '汪青', '谢森成', '雷吕能', '丁康宁', '杨泽文', '王永杰', '侯振强', '马建成', '朱保森', '王皓圆', '孙秀婷', '靳丹丹', '李聪', '纪妍', '苏文璇'];

div[1].onclick = function() {

if (flag) {

clearInterval(timerId);

div[1].innerHTML = '停止'

flag = false;

} else {

timerId = setInterval(function() {

var re = Math.floor(Math.random() * arr.length);

console.log(re);

div[0].innerHTML = arr[re];

}, 60);

div[1].innerHTML = '开始'

flag = true;

}

}

}

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持脚本之家。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值