求昨晚携程前端最后那个制作排序网页设计题

求昨晚携程前端最后那个制作排序网页设计题

#携程#
全部评论
<!DOCTYPE html> <html> <head>     <meta charset="utf-8">     <style>         .myitem{             border:1px solid black;             position: absolute;             width:20px;             height:20px;             text-align: center;             transition:left 1s;         }     </style> </head> <body> <div id="container"> </div> <script>     //这里输入要排序的数     //var arr=readline().split(',').map((item)=>{Number(item)});     var  arr=[5,8,2,7,1,9,3,5,12];     var len=arr.length;     var con=document.getElementById('container');     var nodeArr=[];     for(var i=0;i<arr.length;i++)     {         var ele=document.createElement('div');         ele.className='myitem';         ele.innerHTML=arr[i]+'';         ele.setAttribute('data-index',i);         ele.style.left=30*i+'px';         con.appendChild(ele);         nodeArr.push(ele);     }     //选择排序     var site=0;     function run(){         console.log(arr);         setTimeout(function () {             var min=Number.MAX_VALUE;             var index=site;             for(var i=site;i<len;i++)             {                 if(arr[i]<min)                 {                     min=arr[i];                     index=i;                 }             }             var temp=arr[index];             arr[index]=arr[site];             arr[site]=temp;             //交换             nodeArr[site].style.left=index*30+'px';             nodeArr[index].style.left=site*30+'px';             //交换             temp=nodeArr[site];             nodeArr[site]=nodeArr[index];             nodeArr[index]=temp;             site++;             if(site<len)                 run();         },1000);     }     run(); </script> </body> </html>
点赞 回复 分享
发布于 2018-09-05 09:25

相关推荐

若怜君欢:驾驶证去掉吧,PPT啥的也去掉,本硕课程去掉,导师和研究方向去掉;加入本硕排名(好才写);技能栏加入你会的那些控制算法和滤波算法,这个比你会啥啥啥软件更有用;获奖写上去,奖学金啊,有没有专利啊之类的 电机和硬件这一块,属于传统制造业,制造业实习并不多。多投一些攒攒经验,有实习最好,没有也不需要焦虑(制造业实习其实除了转正,没多大用处) 最后,划重点,等秋招开始后,把你所有社交软件都发一份简历上去,并经常更新,找人内推你!
点赞 评论 收藏
分享
评论
点赞
9
分享

创作者周榜

更多
牛客网
牛客网在线编程
牛客网题解
牛客企业服务