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

最新推荐文章于 2019-05-28 18:54:05 发布

weixin_34082789

最新推荐文章于 2019-05-28 18:54:05 发布

阅读量121

点赞数

文章标签： javascript ViewUI

一个简单的喊了程序的名字：重点是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>