如果你的名字，当然【随机】给你

一个简单的喊了程序的名字：重点是Math.random ------》下一次会更好地改善

[1].[代码] [JavaScript]代码跳至 [1] [2]

<!DOCTYPE html>

<html lang="en">

<head>

<meta charset="UTF-8">

<title>Document</title>

<style>

body,ul{margin: 0;padding: 0;}

#wrap {width: 306px;border: 1px solid blue;margin: 30px auto;}

ul {width: 306px;height: 306px;}

li {float: left;width: 100px;height: 100px;background: black;border: 1px solid green;list-style-type: none;text-align: center;line-height: 100px;color:

#fff;}

</style>

<script>

window.onload=function(){

var oDv = document.getElementById('wrap');

var oBtn = document.getElementById('btn');

var oSp = document.getElementById('sp');

var oUl = oDv.getElementsByTagName('ul')[0];

var aLiUl = oUl.getElementsByTagName('li');

var arrText=['李文凯','李强强','张晓光','刘迎春','张笑雨','高洛峰','赵同正','漠南','良泉'];

var timer =null;

var onOff=true;

//alert(arrText.length)

for(var i=0;i<arrText.length;i++){

}

oBtn.onclick=function(){

clearInterval(timer);

}

//alert(aLiUl.length)

function getRandomNumber(rmin,rmax){

var cha = rmax-rmin;

var rand = Math.random();

return rmin+Math.round(cha*rand);

}

timer=setInterval(function(){

var areNumber=getRandomNumber(0,8);

//aLiUl[4].innerHTML=areNumber;

changeColorLi()

function changeColorLi(){

change=areNumber

for(var i=0;i<aLiUl.length;i++){

aLiUl[i].innerHTML=arrText[i];

for(var j=0;j<aLiUl.length;j++){

aLiUl[j].style.backgroundColor='black'

}

aLiUl[change].style.backgroundColor='red';

if(change==4){

oSp.innerHTML='随机到了'+"【"+arrText[change]+"】"+'project师';

}else if(change==3){

oSp.innerHTML='随机到了'+"【"+arrText[change]+"】"+'美女';

}else{

oSp.innerHTML='随机到了'+"【"+arrText[change]+"】"+'屌丝';

}

},300)

}

</script>

</head>

<body>

<input type="button" id="btn" value="选择谁？">

<div id="wrap">

<ul>

<li>1</li>

<li>2</li>

<li>3</li>

<li>4</li>

<li>5</li>

<li>6</li>

<li>7</li>

<li>8</li>

<li>9</li>

</ul>

</div>

<span id="sp">随机到了</span>

</body>

</html>

[2].[图片] 捕获.PNG 跳至 [1] [2]

转载于:https://www.cnblogs.com/blfshiye/p/4723508.html