js循环遍历弹框，先弹出第一个之后逐步弹出第二个。。

var data = [{

  "login_advertTitle": "即使生活琐碎，也要活得优雅",

  "login_advertCont": "<html>\r\n<head>\r\n\t<title></title>\r\n</head>\r\n<body>\r\n<p style=\"padding: 10px 0px; margin: 0px; color: rgb(67, 67, 67); font-size: 16px; line-height: 2; text-indent: 2em; font-family: -apple-system, "PingFang SC", "Helvetica Neue", STHeiti, "Microsoft Yahei", Tahoma, sans-serif; background-color: rgb(255, 255, 255);\">Who can say that their lives are not insignificant?</p>\r\n\r\n<p style=\"padding: 10px 0px; margin: 0px; color: rgb(67, 67, 67); font-size: 16px; line-height: 2; text-indent: 2em; font-family: -apple-system, "PingFang SC", "Helvetica Neue", STHeiti, "Microsoft Yahei", Tahoma, sans-serif; background-color: rgb(255, 255, 255);\">　　谁的生活不琐碎呢?</p>\r\n\r\n<center style=\"padding: 0px; margin: 0px; color: rgb(51, 51, 51); font-family: -apple-system, "PingFang SC", "Helvetica Neue", STHeiti, "Microsoft Yahei", Tahoma, sans-serif; font-size: 16px; background-color: rgb(255, 255, 255);\"><img alt=\"唯美图片\" height=\"371\" src=\"https://www.yueduwen.com/uploads/allimg/1802/1-1P20320593L18.jpg\" style=\"padding: 0px; margin: 0px 0px 10px; border: none; box-shadow: rgb(174, 174, 174) 2px 3px 3px;\" width=\"600\" /></center>\r\n\r\n<p style=\"padding: 10px 0px; margin: 0px; color: rgb(67, 67, 67); font-size: 16px; line-height: 2; text-indent: 2em; font-family: -apple-system, "PingFang SC", "Helvetica Neue", STHeiti, "Microsoft Yahei", Tahoma, sans-serif; background-color: rgb(255, 255, 255);\">　　Everyone's life is composed with one after another insignificant day.</p>\r\n\r\n<p style=\"padding: 10px 0px; margin: 0px; color: rgb(67, 67, 67); font-size: 16px; line-height: 2; text-indent: 2em; font-family: -apple-system, "PingFang SC", "Helvetica Neue", STHeiti, "Microsoft Yahei", Tahoma, sans-serif; background-color: rgb(255, 255, 255);\">　　我们的一生，都是由这一个个琐碎的一天构成的。</p>\r\n\r\n<p style=\"padding: 10px 0px; margin: 0px; color: rgb(67, 67, 67); font-size: 16px; line-height: 2; text-indent: 2em; font-family: -apple-system, "PingFang SC", "Helvetica Neue", STHeiti, "Microsoft Yahei", Tahoma, sans-serif; background-color: rgb(255, 255, 255);\">　　Some people got their willpower abraded in this endless loop of days.</p>\r\n\r\n<p style=\"padding: 10px 0px; margin: 0px; color: rgb(67, 67, 67); font-size: 16px; line-height: 2; text-indent: 2em; font-family: -apple-system, "PingFang SC", "Helvetica Neue", STHeiti, "Microsoft Yahei", Tahoma, sans-serif; background-color: rgb(255, 255, 255);\">　　有的人在这日复一日的循环中被消磨了意志。</p>\r\n\r\n<p style=\"padding: 10px 0px; margin: 0px; color: rgb(67, 67, 67); font-size: 16px; line-height: 2; text-indent: 2em; font-family: -apple-system, "PingFang SC", "Helvetica Neue", STHeiti, "Microsoft Yahei", Tahoma, sans-serif; background-color: rgb(255, 255, 255);\">　　They think this is how things can only be like.<span class=\"yueduwencom\" style=\"padding: 0px; margin: -30px 0px 0px; position: relative; top: -5000px; left: -10000px; display: block;\">（<a href=\"http://www.yueduwen.com/\" style=\"padding: 0px; margin: 0px; color: rgb(0, 112, 192);\">悦读文网</a> www.yueduwen.com）</span></p>\r\n\r\n<p style=\"padding: 10px 0px; margin: 0px; color: rgb(67, 67, 67); font-size: 16px; line-height: 2; text-indent: 2em; font-family: -apple-system, "PingFang SC", "Helvetica Neue", STHeiti, "Microsoft Yahei", Tahoma, sans-serif; background-color: rgb(255, 255, 255);\">　　认为一切也就这样了。</p>\r\n\r\n<p style=\"padding: 10px 0px; margin: 0px; color: rgb(67, 67, 67); font-size: 16px; line-height: 2; text-indent: 2em; font-family: -apple-system, "PingFang SC", "Helvetica Neue", STHeiti, "Microsoft Yahei", Tahoma, sans-serif; background-color: rgb(255, 255, 255);\">　　So they choose to reach a compromise and become mediocre. They become the background colors in others' eyes. They won't achieve anything great to be written down in history, nor can they bring any enjoyment to the people around them.</p>\r\n\r\n<p style=\"padding: 10px 0px; margin: 0px; color: rgb(67, 67, 67); font-size: 16px; line-height: 2; text-indent: 2em; font-family: -apple-system, "PingFang SC", "Helvetica Neue", STHeiti, "Microsoft Yahei", Tahoma, sans-serif; background-color: rgb(255, 255, 255);\">　　于是他们选择与平庸妥协，成为别人眼中的背景颜色，不光不会在历史上留下一笔伟绩，甚至无法为身边的人平添一抹色彩。</p>\r\n\r\n<p style=\"padding: 10px 0px; margin: 0px; color: rgb(67, 67, 67); font-size: 16px; line-height: 2; text-indent: 2em; font-family: -apple-system, "PingFang SC", "Helvetica Neue", STHeiti, "Microsoft Yahei", Tahoma, sans-serif; background-color: rgb(255, 255, 255);\">　　They are alive, but deep down in their hearts something important has died.</p>\r\n\r\n<p style=\"padding: 10px 0px; margin: 0px; color: rgb(67, 67, 67); font-size: 16px; line-height: 2; text-indent: 2em; font-family: -apple-system, "PingFang SC", "Helvetica Neue", STHeiti, "Microsoft Yahei", Tahoma, sans-serif; background-color: rgb(255, 255, 255);\">　　他们活着，但他们心中的一部分已经死了。</p>\r\n\r\n<p style=\"padding: 10px 0px; margin: 0px; color: rgb(67, 67, 67); font-size: 16px; line-height: 2; text-indent: 2em; font-family: -apple-system, "PingFang SC", "Helvetica Neue", STHeiti, "Microsoft Yahei", Tahoma, sans-serif; background-color: rgb(255, 255, 255);\">　　And there are another kind of people. They choose to live with dignity.</p>\r\n\r\n<p style=\"padding: 10px 0px; margin: 0px; color: rgb(67, 67, 67); font-size: 16px; line-height: 2; text-indent: 2em; font-family: -apple-system, "PingFang SC", "Helvetica Neue", STHeiti, "Microsoft Yahei", Tahoma, sans-serif; background-color: rgb(255, 255, 255);\">　　而另一些人，他们依旧选择有尊严地活着。</p>\r\n\r\n<p style=\"padding: 10px 0px; margin: 0px; color: rgb(67, 67, 67); font-size: 16px; line-height: 2; text-indent: 2em; font-family: -apple-system, "PingFang SC", "Helvetica Neue", STHeiti, "Microsoft Yahei", Tahoma, sans-serif; background-color: rgb(255, 255, 255);\">　　A graceful lifestyle is not a show for others to watch. You live it because you deserve it. Through it, you are avoiding to become a victim of this cruel world.</p>\r\n\r\n<p style=\"padding: 10px 0px; margin: 0px; color: rgb(67, 67, 67); font-size: 16px; line-height: 2; text-indent: 2em; font-family: -apple-system, "PingFang SC", "Helvetica Neue", STHeiti, "Microsoft Yahei", Tahoma, sans-serif; background-color: rgb(255, 255, 255);\">　　优雅的生活方式并不是为别人做的表演，而是为了对得起自己，让自己不会成为无情社会摧残下的牺牲品。</p>\r\n\r\n<p style=\"padding: 10px 0px; margin: 0px; color: rgb(67, 67, 67); font-size: 16px; line-height: 2; text-indent: 2em; font-family: -apple-system, "PingFang SC", "Helvetica Neue", STHeiti, "Microsoft Yahei", Tahoma, sans-serif; background-color: rgb(255, 255, 255);\">　　This kind of people know how to find joy in simple things. They know how to make a common day safisticated and meaningful.</p>\r\n\r\n<center style=\"padding: 0px; margin: 0px; color: rgb(51, 51, 51); font-family: -apple-system, "PingFang SC", "Helvetica Neue", STHeiti, "Microsoft Yahei", Tahoma, sans-serif; font-size: 16px; background-color: rgb(255, 255, 255);\"><img alt=\"唯美图片\" height=\"371\" src=\"https://www.yueduwen.com/uploads/allimg/1802/1-1P2032100022V.jpg\" style=\"padding: 0px; margin: 0px 0px 10px; border: none; box-shadow: rgb(174, 174, 174) 2px 3px 3px;\" width=\"600\" /></center>\r\n\r\n<p style=\"padding: 10px 0px; margin: 0px; color: rgb(67, 67, 67); font-size: 16px; line-height: 2; text-indent: 2em; font-family: -apple-system, "PingFang SC", "Helvetica Neue", STHeiti, "Microsoft Yahei", Tahoma, sans-serif; background-color: rgb(255, 255, 255);\">　　他们懂得如何去发掘单纯事物中的喜悦，懂得如何将平凡的时光过得精致而充实。</p>\r\n\r\n<p style=\"padding: 10px 0px; margin: 0px; color: rgb(67, 67, 67); font-size: 16px; line-height: 2; text-indent: 2em; font-family: -apple-system, "PingFang SC", "Helvetica Neue", STHeiti, "Microsoft Yahei", Tahoma, sans-serif; background-color: rgb(255, 255, 255);\">　　Life has denied them some beauty. But they build them with their own hands.</p>\r\n\r\n<p style=\"padding: 10px 0px; margin: 0px; color: rgb(67, 67, 67); font-size: 16px; line-height: 2; text-indent: 2em; font-family: -apple-system, "PingFang SC", "Helvetica Neue", STHeiti, "Microsoft Yahei", Tahoma, sans-serif; background-color: rgb(255, 255, 255);\">　　那份生活中缺失的美丽，他们靠自己的双手创造了出来。</p>\r\n\r\n<p style=\"padding: 10px 0px; margin: 0px; color: rgb(67, 67, 67); font-size: 16px; line-height: 2; text-indent: 2em; font-family: -apple-system, "PingFang SC", "Helvetica Neue", STHeiti, "Microsoft Yahei", Tahoma, sans-serif; background-color: rgb(255, 255, 255);\">　　So which kind of these two are you? And which kind are you willing to be?</p>\r\n\r\n<p style=\"padding: 10px 0px; margin: 0px; color: rgb(67, 67, 67); font-size: 16px; line-height: 2; text-indent: 2em; font-family: -apple-system, "PingFang SC", "Helvetica Neue", STHeiti, "Microsoft Yahei", Tahoma, sans-serif; background-color: rgb(255, 255, 255);\">　　你的人生是哪种?你想过哪一种?</p>\r\n\r\n<p style=\"padding: 10px 0px; margin: 0px; color: rgb(67, 67, 67); font-size: 16px; line-height: 2; text-indent: 2em; font-family: -apple-system, "PingFang SC", "Helvetica Neue", STHeiti, "Microsoft Yahei", Tahoma, sans-serif; background-color: rgb(255, 255, 255);\">　　Have you find the answer?</p>\r\n\r\n<p style=\"padding: 10px 0px; margin: 0px; color: rgb(67, 67, 67); font-size: 16px; line-height: 2; text-indent: 2em; font-family: -apple-system, "PingFang SC", "Helvetica Neue", STHeiti, "Microsoft Yahei", Tahoma, sans-serif; background-color: rgb(255, 255, 255);\">　　你找到答案了吗?</p>\r\n</body>\r\n</html>\r\n",

  "login_advertTime": "15000",

  "login_adverClose": "1"

}, {

  "login_advertTitle": "aaaaaaa",

  "login_advertCont": "<html>\r\n<head>\r\n\t<title></title>\r\n</head>\r\n<body>asdasdasassdas d<br />\r\n<img alt=\"\" src=\"/jeecg/upload//1534303323463.jpg\" style=\"width: 250px; height: 275px;\" /><br />\r\n99999999999999</body>\r\n</html>\r\n",

  "login_advertTime": "15000",

  "login_adverClose": "1"

}];

var i = 0;

// 添加计时器

var time = setInterval(function () {

  if (i >= data.length) {

    clearInterval(time);

  } else {

    OpenAdvert(data[i].login_advertTitle, data[i].login_advertCont, data[i].login_advertTime, data[i].login_adverClose);

    i++;

  }

}, 5000);

//弹出广告信息

function OpenAdvert(title, con, time, close) {

  layer.open({

    type: 1,

    title: title,

    fix: false,

    shadeClose: true,

    offset: 'rb',

    anim: 2,

    maxmin: true,

    area: ['1000px', '500px'],

    content: con,

    shade: 0,

    shadeClose: true,

    time: time,

    cancel: function (index, layero) {

      // 判断是否强制关闭

      if (close == 1) {

        return true;

      } else if (close == 0) {

        return false;

      }

    }

  });

}

js循环遍历弹框，先弹出第一个之后逐步弹出第二个。。的更多相关文章

html实现弹框，并伴随遮罩层，且弹框居中
本文介绍的内容主要实现的功能有,出现弹框,并且伴随遮罩层,且弹框一直居中. html和js代码: <div id="hidebg"></div> <d ...
JS 循环遍历JSON数据分类： JS技术 JS JQuery 2010-12-01 13:56 43646人阅读评论(5) 收藏举报 jsonc JSON数据如：{"options":"[{
JS 循环遍历JSON数据分类: JS技术 JS JQuery2010-12-01 13:56 43646人阅读评论(5) 收藏举报 jsonc JSON数据如:{"options&q ...
如何在EXCEL中找出第一列中不包含的第二列数据
1.找出第一列中不包含的第二列数据:=IFERROR(VLOOKUP(A:A,B:B,1,0),"无") 2.A列相同,B列相加:＝SUMIF(G:G,G1,J:J)
vue组件，vue补充和总结，JS循环遍历和加减运算、类型转换补充
目录一.vue中的组件 1. 组件的概念 2. 组件分类 3. 组件的特点 4. 组件的定义 5. 组件化 (1)用法和注意 (2)数据组件化实例 6. 组件传参--父传子 (1)用法和注意 (2) ...
js循环遍历的两种方法for循环和for ... in 循环
JS数组的遍历方法有两种: 第一种:一般的for循环,例如: var a = new Array("first", "second", "third& ...
JS 循环遍历总结
一.循环遍历语句 for...in... (ES5) 语法:javascript for(keys in obj){} 适用:遍历对象说明: 1.keys表示obj对象的每一个键值对的键(键名),所 ...
js循环遍历数组
一维数组的遍历 <script> //循环遍历数组 var animals = ["cat",'dog','human','whale','seal']; var an ...
js循环遍历数组（对象）
1,for循环对于循环应该是最常用的一种遍历方式了,通常用来遍历数组结构. let arr = [a,b,d];for (let i=0; i<arr.length; i++){ consol ...
JS 循环遍历JSON数据
JSON数据如:{"options":"[{/"text/":/"王家湾/",/"value/":/" ...

随机推荐

[py]python中的特殊类class type和类的两面性图解
生活中的模具生活中编程万物都从无到有, 起于烟尘 () 生产原料,铁 object 车床-生产各类模具元类即metaclass,对应python的class type 模具-生产各类实在的物品 ...
hdu3339In Action(最短路+01背包）
http://acm.sdut.edu.cn:8080/vjudge/contest/view.action?cid=259#problem/H Description Since 1945, whe ...
iOS设计规范HIG
点击图标大小至少为这么大: Make it easy for people to interact with content and controls by giving each interacti ...
Summary: Stack Overflow Error
What is a stack overflow error? Parameters and local variables are allocated on the stack (with refe ...
OO第四次阶段性总结
测试与正确性论证的效果差异及优缺点测试实际上就是对程序进行的一种黑箱测试,利用各种各样的测试样例去检验程序是否能够给出正确的结果.其中的单元测试则是将整体的测试拆分成单元来进行,但其仍然躲不开黑箱测 ...
Redis缓存穿透问题及解决方案
上周在工作中遇到了一个问题场景,即查询商品的配件信息时(商品:配件为1:N的关系),如若商品并未配置配件信息,则查数据库为空,且不会加入缓存,这就会导致,下次在查询同样商品的配件时,由于缓存未命中,则 ...
MFC Ribbon界面设计
Ribbon是类似于office2007样式的界面,它替代了传统的MFC程序里的菜单和工具栏 MFC默认生成的Ribbon功能少,需要我们自己添加一些控件和图片等元素使界面好看看下面的一个界面,是V ...
C/S模型之TCP协议
服务端: // WSASever.cpp : 定义控制台应用程序的入口点. // #include "stdafx.h" #include <WinSock2.h> # ...
cf 459E
cf459E 这题说的是给定一个n点m条边的带边权的有向图,从中找出一条路径(可以带环),该路径包含的边数最多,并且要求路径中的权值必须严格递增,然后对边进行排序完个后采用dp去解特殊判断一下边权值 ...
20154312 曾林 EXP6 信息搜集与漏洞扫描
目录 1.实验后回答问题 2.实验总结与体会 3.实践过程记录 --3.1.信息收集 ----3.1.1.whois查询 ----3.1.2.nslookup,dig查询 ----3.1.3.trac ...

js循环遍历弹框，先弹出第一个之后逐步弹出第二个。。

js循环遍历弹框，先弹出第一个之后逐步弹出第二个。。的更多相关文章

随机推荐

热门专题