今天教大家用jquery写一个随机点名的功能!
先看看成果 !
$(function (){
let id;
//利用数组将存储名字
let Names=["高佳铄","张豪宇","姚晓轩","何则润","宋光杰","范维瑄","毕观昌","高博文","鲁彦彦","宋景浩","安键炜","王运硕","王子豪",
"高慧敏","吕广睿","张学文","王贺","武涛","陈凯","李金涛","熊鹏举","毛聪","龚超","徐同硕","王梦龙","李佳欣","刘博洋","费世洁","闫亿洋"];
//定义一个方法用来显示每次随机名字
function abc (){
//计算下标
let num = Math.ceil(Math.random()*Names.length);
//更改页面指定标签内容
$("h1").text(Names[num]);
}
//设置开始按钮
$("input:first").click(function (){
//将开始按钮隐藏
$(this).css("display","none");
//删除之前的图片
$("img").remove();
//使用全局函数setInterval(函数,多少毫秒执行一次)
id= setInterval(abc,20);
})
//设置结束按钮
$("input:last").click(function (){
//结束setInterval()函数
clearInterval(id);
//将开始按钮再次显示
$("input:first").css("display","block");
})
})
js写一模一样。