时间:2021-05-26
我们web页面中有几个页面是有定时器在刷新的,并且查询的内容还不少,给服务器造成了不少压力。这些接口已经尽量优化,能放到缓存的都放到缓存。然后主管又提了一个需求,就是我们使用的是layui多标签iframe框架,当不在某个页面的iframe时不要执行定时器。我觉得这是一个挺不错的提议,而且实现起来也不难。
粗略地考虑有两个思路,一个是点击标签时开启或关闭定时器,一个是定时器执行时判断所在的iframe是否隐藏,如果隐藏则不执行定时器的方法。第一种维护麻烦,难免有错漏的情况,而且和别的iframe有联系,不好。第二种逻辑判断简单,只和定时器所在iframe有关,虽然定时器一直在跑,不过只要里面的逻辑不执行就行,重要的是减少给服务器的压力。
那么怎么判断定时器所在页面是否隐藏呢?
获取iframe所在元素的父元素,判断是否有layui-show类就好了。
function myInterval(func, time){ console.log("启动定时器",func,time); //点击iframe对应的标签则直接执行定时器方法。不过注意,这里我默认只执行最后一个定时器方法,如果有多个定时器请自行更改。 top.$("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页面控制定时器运行的方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持。
声明:本页内容来源网络,仅供用户参考;我单位不保证亦不表示资料全面及准确无误,也不保证亦不表示这些资料为最新信息,如因任何原因,本网内容或者用户因倚赖本网内容造成任何损失或损害,我单位将不会负任何法律责任。如涉及版权问题,请提交至online#300.cn邮箱联系删除。
空调上的TIMER是controltimer的缩写,意思是:控制定时器,时间控制继电器,设置定时的意思。 空调(AirConditioner),即空气调节器,
洗衣机定时器坏了的解决方法: 1、首先将洗衣机的定时器从控制座上卸下来,拧下定时器上的螺丝,将定时器的发条,仔细观察其凸轮、齿轮机构运转情况及触点的闭合、断开
接下来进入正题-定时不断刷新页面的方法:1.看到定时,很容易想到js的定时器://第一种方法//由于我们已经有了一个定时器,所以只要在定时器test中加入一句刷
javascript定时器取消定时器及js定时器优化方法通常用的方法:启动定时器:window.setInterval(Method,Time)Method是定
1,只执行一次的定时器复制代码代码如下://定时器异步运行functionhello(){alert("hello");}//使用方法名字执行方法vart1=w