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循环几种应用相关推荐

AI公开课：19.05.29 浣军-百度大数据实验室主任《AutoDL 自动化深度学习建模的算法和应用》课堂笔记以及个人感悟
AI公开课:19.05.29 浣军百度大数据实验室主任<AutoDL 自动化深度学习建模的算法和应用>课堂笔记以及个人感悟导读浣军博士,汉族,1975年出生于江苏苏州, ...
iOS Core Data 数据迁移指南 144 作者一缕殇流化隐半边冰霜关注 2016.05.09 00:35* 字数 4718 阅读 2931评论 17喜欢 327 前言 Core
iOS Core Data 数据迁移指南作者一缕殇流化隐半边冰霜关注 2016.05.09 00:35* 字数 4718 阅读 2931评论 17喜欢 327 前言 Core Data是iOS ...
[原创] Easy SysLite V1.2 （2016.5.29更新，新增加WIN10支持，一个程序适配所有系统减肥）...
[原创] Easy SysLite V1.2 (2016.5.29更新,新增加WIN10支持,一个程序适配所有系统减肥) nohacks 发表于 2016-5-29 17:12:51 https:// ...
递归和循环两种方法完成树的镜像转换
/* copyright@nciaebupt 转载出处:http://blog.csdn.net/nciaebupt/article/details/8506038 题目:输入一颗二元查找树,将该树转 ...
【每日早报】2019/05/29
早报概要每日早报 2019/05/29 国内要闻文娱影游科技通信金融财经每日早报 2019/05/29 国内要闻阿里巴巴回应"香港二次上市":市场传言,不予置评微信& ...
使用while/do-while/for循环三种方式打印100以内4的倍数
/** 使用while/do-while/for循环三种方式打印100以内4的倍数*/ public class Test2 {public static void main(String[] arg ...
NFTScan | 05.29~06.04 NFT 市场热点汇总
欢迎来到由 NFT 基础设施 NFTScan 出品的 NFT 生态热点事件每周汇总. 周期:2023.05.29 ~ 2023.06.04 NFT Hot News:NFT 热点资讯 01/ 数据:N ...
mysql for_mysql 循环三种循环用法
mysql循环的第一种方法 . -- MySQL中的三中循环 while . loop .repeat 求 1-n 的和 -- 第一种 while 循环 -- 求 1-n 的和 /* while循环语 ...
项目Beta冲刺（团队）——05.29(7/7)
项目Beta冲刺(团队)--05.29(7/7) 格式描述课程名称:软件工程1916|W(福州大学) 作业要求:项目Beta冲刺(团队) 团队名称:为了交项目干杯作业目标:记录Beta敏捷冲刺第7 ...
论文阅读05：基于循环神经网络的联合事件抽取-Joint Event Extraction via Recurrent Neural Networks
公众号:数据挖掘与机器学习笔记 1.简介事件抽取是把含有事件信息的非结构化文本以结构化的形式呈现出来,在自动文摘.自动问答.信息检索等领域有着广泛的应用.近些年来 ,事件抽取一直吸引着许多研究机构和 ...

2016-05-29 for循环几种应用

2016-05-29 for循环几种应用相关推荐

最新文章

热门文章