<dd id="7ed22aba"></dd>

    1. 狗万官网酒店 > 狗万官网下载 > layui多iframe页面控制定时器运行的主意_javascript艺术

      layui多iframe页面控制定时器运行的主意_javascript艺术

      来源: 2019-09-09 19:44 我来投稿 参与评论
      当天小编就为大家分享一篇layui多iframe页面控制定时器运行的主意,具有很好的参考价值,瞩望对大家有所帮助。总计跟随小编过来看看吧

      咱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页面控制定时器运行的主意就是小编分享给大家的方方面面内容了,瞩望能送大家一个参考,也愿意大家多多支持脚本的师。

      义务编辑:狗万官网酒店
       
       
      0% (0)
       
       
      0% (0)
      机长评论( ) 请自觉遵守互联网相关的富民政策法规,不准发布色情、暴力、反动的议论。
      地名: 匿名?