随机点名名字小游戏抽签

阿狸lyinshaofeng

已于 2022-07-11 13:15:16 修改

阅读量818

点赞数 2

文章标签：大数据

于 2022-06-24 20:14:46 首次发布

本文链接：https://blog.csdn.net/lyinshaofeng/article/details/125451683

版权

<head>
       <meta charset="utf-8">
       <title></title>
       <style>
           h1{
               width: 500px;
               text-align: center;
               background-color: aqua;
               margin: 0 auto;
           }
           div{
               width: 500px;
               height: 300px;
               margin: 0 auto;
               background-color: black;
               color:wheat;
               text-align: center;
               line-height: 300px;
               font-size: 100px;
           }
       </style>
   </head>
   <body>
           <h1>web2205</h1>
           <div>开始</div>
           <script>
               var div=document.getElementsByTagName("div")[0]
               var count;
               var flag=false;
               var name1 = ["李宗盛","周杰伦", "周杰", "林忆莲", "张信哲", "刘德华", "张学友", "郭富城", "黎明", "梁朝伟", "梁家辉", "张家辉", "成龙", "李连杰",
                           "张国立", "易烊千玺", "杨洋", "沈腾", "高圆圆", "贾静雯", "苏有朋", "周深", "张若昀", "许嵩"
                       ]
                       // console.log(name1)


                   div.οnclick=function(){
                       flag=!flag;
                       if(flag){
                       count=setInterval(function(){
                               var index1=Math.floor(Math.random()*24)
                               console.log(index1)
                               div.innerHTML=name1[index1]
                           } ,200)
                       }else{
                           clearInterval(count);
                       }

                   }

           </script>

   </body>