2016-05-29 for循环几种应用
生活随笔
收集整理的這篇文章主要介紹了
2016-05-29 for循环几种应用
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
1. 天梯?
效果圖:
<style>div{width: 30px; height: 30px; border: 1px solid royalblue; background: red; position: absolute;top:0px; left: 0px;color: #fff}</style><script>window.οnlοad=function(){var str ='';for(var i=0;i<11;i++){str+="<div>"+i+"</div>";}document.body.innerHTML=str;var divs=document.getElementsByTagName("div");len=divs.length;for(var i=0;i<len;i++){divs[i].style.left+=i*50+10+"px";//每個div左右間隔10px像素divs[i].style.top+=i*50+10+"px";//每個div上下間隔10px像素}}</script> </head> <body> </body> </html>
2.V字形 ?本質就是一個算法,當數字在一半+1的時候,數字增大值也增大, 超過一半的時候?數字增加值卻變少6->130 7->100 8->70...
<script>window.onload=function(){var str ='';for(var i=0;i<11;i++){str+="<div>"+i+"</div>";}document.body.innerHTML=str;var divs=document.getElementsByTagName("div");len=divs.length;var down=len%2==0?len/2:Math.ceil(len/2);var count=2;for(var i=0;i<len;i++){if(i<down){divs[i].style.left+=i*30+10+"px";//每個div距離最左邊有10px間距divs[i].style.top+=i*30+10+"px";//每個div距離頂部有10px間距 alert( divs[i].style.top);}else if(i>=down &&i<len){divs[i].style.left+=i*30+10+"px";divs[i].style.top+=(i-count)*30+10+"px";//本質就是一個算法 數字增加值卻變少6->130 7->100 8->70...count+=2;}}}</script>?3.嵌套for循環打印所有的元素
<script>var arr=[[1,2,3,4,5],["a","b","c","d","e","f"],[6,7,8,false,true],];for(var i=0;i<arr.length;i++){for(var j=0;j<arr[i].length;j++){alert(arr[i][j])}}</script>
轉載于:https://www.cnblogs.com/bravolove/p/5540881.html
總結
以上是生活随笔為你收集整理的2016-05-29 for循环几种应用的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： Centos sudo添加用户
- 下一篇： iOS地图定位(Map)