如果你的名字，当然【随机】给你
生活随笔
收集整理的這篇文章主要介紹了
如果你的名字，当然【随机】给你
小編覺得挺不錯(cuò)的,現(xiàn)在分享給大家,幫大家做個(gè)參考.
一個(gè)簡(jiǎn)單的喊了程序的名字：重點(diǎn)是Math.random?------》下一次會(huì)更好地改善
[1].[代碼]?[JavaScript]代碼?跳至?[1]?[2]
?| 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 | <!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=['李文凱','李強(qiáng)強(qiáng)','張曉光','劉迎春','張笑雨','高洛峰','趙同正','漠南','良泉']; ????????????????????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='隨機(jī)到了'+"【"+arrText[change]+"】"+'project師'; ????????????????????????????}else if(change==3){ ????????????????????????????????oSp.innerHTML='隨機(jī)到了'+"【"+arrText[change]+"】"+'美女'; ????????????????????????????}else{ ????????????????????????????????oSp.innerHTML='隨機(jī)到了'+"【"+arrText[change]+"】"+'屌絲'; ????????????????????????????} ????????????????????????????? ????????????????????????} ????????????????????} ????????????????????},300) ????????????????????? ????????????????????? ????????????????????? ????????????????} ????</script> </head> <body> ????<input type="button" id="btn" value="選擇誰(shuí)？"> ????<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">隨機(jī)到了</span> </body> </html> |
[2].[圖片]?捕獲.PNG?跳至?[1]?[2]
版權(quán)聲明：本文博客原創(chuàng)文章。博客，未經(jīng)同意，不得轉(zhuǎn)載。
轉(zhuǎn)載于:https://www.cnblogs.com/blfshiye/p/4723508.html
總結(jié)
以上是生活随笔為你收集整理的如果你的名字，当然【随机】给你的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： java面试题09
- 下一篇： 按照顺序执行异步ajax的回调函数