点名册

随机点名

// 监视按钮的状态,如果当前button的值为点名这个if就为true就会往下执行在if的{}里执行
if(this.value===“点名”){
// 设置定时针,使用setInterval写了一个函数,1毫秒随机跳转一个名字
timeId=setInterval(function () {
// 使用for循环当点击时清空清空父盒子的所用子元素的所有层的颜色
for(var j =0;j<arr.length;j++){
boxNode.children[j].style.background="";
}
// 当随机数移动到那个子元素那个子元素的颜色就会变成天蓝色,留下当前层的颜色
var random = parseInt(Math.random()*arr.length);
boxNode.children[random].style.background=“skyblue”;
},100);
//当点击完点名的时候button的value值就会马上转变成停止;当再点停止的时候就会跳出这个if
//转到else里面
this.value=“停止”;
}else{
// 清除计时器
clearInterval(timeId);
//当点击停止的时候,跳出if就来到else这样button的value就会变成点名
this.value=“点名”;
}
};
var spanNode = document.getElementById(“span”);
//调用时间
getTime();
setInterval(getTime , 1000);
function getTime() {
var day = new Date();
var year = day.getFullYear();
var month = day.getMonth()+1;
var dat = day.getDay();
var hours = day.getHours();
var minitues = day.getMinutes();
var second = day.getSeconds();
spanNode.innerHTML =year+"-"+month+"-"+dat+" “+hours+”:"+minitues+":"+second;
}

随机点名
实现随机点名。

相关文章:

  • 2021-12-18
  • 2021-07-06
  • 2022-02-13
  • 2021-10-29
  • 2021-10-12
  • 2021-12-12
  • 2022-01-06
  • 2021-04-25
猜你喜欢
  • 2021-10-25
  • 2021-09-30
  • 2021-12-13
  • 2021-11-20
  • 2021-12-26
  • 2021-07-02
相关资源
相似解决方案