layui多iframe页面控制定时器运行的方法
网络编程 2021-07-04 15:51www.168986.cn编程入门
今天长沙网络推广就为大家分享一篇layui多iframe页面控制定时器运行的方法,具有很好的参考价值,希望对大家有所帮助。一起跟随长沙网络推广过来看看吧
我们web页面中有几个页面是有定时器在刷新的,并且查询的内容还不少,给服务器造成了不少压力。这些接口已经尽量优化,能放到缓存的都放到缓存。然后主管又提了一个需求,就是我们使用的是layui多标签iframe框架,当不在某个页面的iframe时不要执行定时器。我觉得这是一个挺不错的提议,而且实现起来也不难。
粗略地考虑有两个思路,一个是点击标签时开启或关闭定时器,一个是定时器执行时判断所在的iframe是否隐藏,如果隐藏则不执行定时器的方法。第一种维护麻烦,难免有错漏的情况,而且和别的iframe有联系,不好。第二种逻辑判断简单,只和定时器所在iframe有关,虽然定时器一直在跑,不过只要里面的逻辑不执行就行,重要的是减少给服务器的压力。
那么怎么判断定时器所在页面是否隐藏呢?
获取iframe所在元素的父元素,判断是否有layui-show类就好了。
function myInterval(func, time){ console.log("启动定时器",func,time); //点击iframe对应的标签则直接执行定时器方法。不过注意,这里我默认只执行一个定时器方法,如果有多个定时器请自行更改。 .$("li[lay-id='"+$(self.frameElement).attr("src")+"']").unbind('click').click(function(){ console.log(func,"方法调用"); func.call(); }); return setInterval(function(){ console.log("myInterval定时器调用"); if($(self.frameElement.parentElement).hasClass("layui-show")){ //判断所在的页面是否显示 console.log(func,"方法调用"); console.log("定时器间隔"+time); func.call(); } }, time); }
以上这篇layui多iframe页面控制定时器运行的方法就是长沙网络推广分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持狼蚁SEO。
编程语言
- 宿迁百度关键词排名指南:实现精准营销的关键
- 四川SEO优化怎么做网络推广
- 立昂技术备案老域名收购:如何为您的业务赋能
- 安徽百度关键词seo贵不贵,一般需要多少钱
- 吉林百度快照排名怎么做电话营销
- 多伦新手做SEO怎么做
- 甘肃优化关键词排名推广怎么做论坛营销
- 沙雅SEO网站推广:提升您的在线可见性
- 四川SEO优化如何提升销售额和销售量
- 聂荣网站排名优化:提升网站可见性的全方位指
- 涞水SEO:提升地方企业在线可见性的策略
- 辽宁百度seo排名怎样做网站排名
- 临湘哪有关键词排名优化:提升网站可见度的关
- 黑龙江百度网站优化有没有优惠
- 凉城优化关键词排名推广:提升您的网络可见性
- 萝北整站优化:提升您网站流量和排名的全面指