如何让layui多iframe页面的定时器持续运行？

本文共计523个文字，预计阅读时间需要3分钟。

我们网站中有几个页面需要定时刷新，且查询的内容不少，给服务器造成了不小的压力。这些接口已经尽可能优化，能缓存的都缓存了。然后主管又提出了一个需求，就是。

我们web页面中有几个页面是有定时器在刷新的，并且查询的内容还不少，给服务器造成了不少压力。这些接口已经尽量优化，能放到缓存的都放到缓存。然后主管又提了一个需求，就是我们使用的是layui多标签iframe框架，当不在某个页面的iframe时不要执行定时器。我觉得这是一个挺不错的提议，而且实现起来也不难。

粗略地考虑有两个思路，一个是点击标签时开启或关闭定时器，一个是定时器执行时判断所在的iframe是否隐藏，如果隐藏则不执行定时器的方法。第一种维护麻烦，难免有错漏的情况，而且和别的iframe有联系，不好。第二种逻辑判断简单，只和定时器所在iframe有关，虽然定时器一直在跑，不过只要里面的逻辑不执行就行，重要的是减少给服务器的压力。

那么怎么判断定时器所在页面是否隐藏呢？

获取iframe所在元素的父元素，判断是否有layui-show类就好了。

function myInterval(func, time){ console.log("启动定时器",func,time); //点击iframe对应的标签则直接执行定时器方法。不过注意，这里我默认只执行最后一个定时器方法，如果有多个定时器请自行更改。