Iframe关闭了，但页面中的定时器依然在执行

最新推荐文章于 2025-05-24 15:24:14 发布
最新推荐文章于 2025-05-24 15:24:14 发布
阅读量1.4k 收藏 1
点赞数
分类专栏： 前端 文章标签： javascript jquery extjs
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/qq_23730693/article/details/108224762
版权
本文描述了在Ext的Panel中使用Iframe加载jsp页面时，遇到的IE8浏览器下定时器无法自动关闭的问题。作者分享了如何在面板关闭时调用Iframe内jsp页面的js方法来关闭定时器，确保资源释放。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

Iframe关闭了，但页面中的定时器依然在执行

1.首先说说我的场景
在ext的Panel中,我放入了一个iframe,弹出这个面板加载某个jsp页面.而jsp里面有一个setInterval定时器一直在执行,当我关闭这个ext的面板时,发现jsp中的定时器一直在执行(火狐,谷歌,iell,正常,定时器自动关闭),就是ie8没有关闭,怎么解决ie8面板关闭时,定时器就不执行了?
我的部分代码截图如下:
1.面板
在这里插入图片描述

2.将面板加入窗体
在这里插入图片描述

我的解决方案如下:
1.当窗体点击关闭时,获取面板加载的iframe元素,通过id (log-iframe)获取,并调用iframe加载的jsp页面的js方法closeIframe()
在这里插入图片描述

2.在加载的jsp页面,创建关闭定时器的方法,大功告成!在这里插入图片描述

后续:附上查阅的资料和地址
在这里插入图片描述

jQuery操作iframe中js函数的方法小结
https://www.jb51.net/article/88058.htm

浏览器页面执行完方法以后自动关闭setInterval(‘window.close()‘, 2000)
jieweiwujie的博客
05-05 287
自动关闭页面
html页面退出关闭定时器,JavaScript设置定时器、取消定时器及执行机制解析
weixin_28884213的博客
06-05 2786
今天整理了一下 JavaScript 定时器，顺便了解了一下 JavaScript 的运行机制，现在记录一下。JavaScript 执行机制浏览器( JavaScript 引擎)执行 JavaScript 的机制是基于事件循环的。由于 JavaScript 是单线程，同一时间只能执行一个任务。为了避免某些长时间任务造成无意义等待，JavaScript 引入了异步概念。同步任务直接在主线程队列中顺序...
IFrame关闭了，但页面中的定时器依然在执行
xutao5641745的专栏
12-29 1253
1.JQuery方式   $("iframe").attr("src","javascript:false");   2.js方式   document.getElementById("iframe").src="javascript:false";  
多iframe页面控制定时器运行
乡村的博客
01-03 411
情况一： 我们在使用echarts，当echarts所在iframe的display:none时会出现NS_ERROR_FAILURE错误。 解决办法： <div role="tabpanel" class="tab-pane active" id="idd"> <iframe src="" border="0" marginwidth="0" marginheight="0" scrolling-x="no" scrolling-y="auto...
C# 解决定时器关闭后依然会运行几次
水水的博客
04-19 2425
举例System.Timers.Timer，由线程池创建，所以存在线程同步问题。 以前使用方法 initTimer.Enabled = false; initTimer.Stop(); 在关闭后定时器还会运行几次。 改用下面设置 initTimer.Enabled = false; initTimer.AutoR...
定时器的使用/清除，关闭页面的清除
m0_46621937的博客
06-12 3270
定时器的使用/清除，关闭页面的清除 设置定时器：setInterval(function,time)，清除clearInterval(intervalName)。 我们设置定时器的时候，需要在data里面设置，以便于全局清除 定时器在关闭页面的时候并不会清除，所以要监听页面的关闭，去清除定时器。监听页面卸载函数onUnload() Page({ /** * 页面的初始数据 */ data: { order_sn:null, interval:'' } 设置定时器的
父页面中关闭子页面计时器的解决方法
hmwz0001的博客
03-25 399
父页面弹出窗口以iframe的方式加载子页面的数据，当窗口关闭时，子页面的js计时器却还在运行，导致页面卡顿阻塞。首先要给iframe定义一个id，然后在窗口的onBeforeClose事件中关闭子页面的计时器。秋风写于淄博，业务联系与技术交流：Q375172665。
layui多iframe页面控制定时器运行的方法
12-09
本篇文章将探讨如何在layui的多iframe环境中控制定时器的运行，以确保只有在iframe处于活动状态时才执行定时器任务。 定时器在网页中的常见用途包括数据轮询、实时更新或者执行某些定期任务。然而，当有多个页面...
刷新页面后让控制台的js代码继续执行
10-16
在网页开发中，有时我们需要在刷新页面后保持某些JavaScript代码的执行，比如自动化脚本、定时任务或在限时活动中的自动点击功能。然而，当页面刷新时，浏览器会清除当前页面的所有状态，包括控制台中的JavaScript...
js实现iframe自动自适应高度的方法
10-24
为了使这个功能生效，我们需要在Iframe所在页面的`<body>`标签关闭之前调用`autoAdjustWindow()`函数。通常，我们将这个函数的调用放在页面底部的`<script>`标签中，确保在内容加载完毕后再执行。 然而，需要注意的...
关闭iframe并释放资源，但不从文档中移除
07-15
如果您想关闭 iframe 并释放资源，但不想从文档中移除它，可以使用以下步骤： 1. 获取到 iframe 的引用。假设您有一个 id 为 "my-iframe" 的 iframe 元素，可以使用以下代码获取到它的引用： ```javascript var ...
Flex导航中内嵌IFrame关闭问题
zju2004的专栏
03-03 2666
在Flex导航中内嵌IFrame，当首次打开，关闭后，切换导航面板，有时会出现IFrame始终悬浮在导航的最前端。 个人分析原因可能是由于Flex中关闭了导航移除了子组件但是IE并没有彻底的将IFrame从页面中移除，在此用的解决方法是，在Flex中调用js通过IFrame的id将之从IE中删除。具体代码如下。注意：Flex中嵌入的iFrame界面是动态添加使用的ID是动态生成的GUID，如果以
JS定时器
qq_48094361的博客
06-29 417
无
定时器启动与关闭的那些坑
weixin_44828735的博客
12-12 683
前端页面隐藏时Interval定时器休眠问题解决
qq_37956465的博客
02-08 217
开发一款模拟工具，需要每隔一秒发送模拟数据。当页面处于隐藏，未激活的状态，定时器慢慢的就会休眠，模拟数据停止发送。
Vue为什么组件销毁后定时器会继续
yangchuangxyz的博客
05-31 1345
如果我们没有在组件的生命周期方法中手动清除定时器，在组件被销毁后，该定时器仍然会继续运行，并且由于此时组件实例已经不存在于页面中，虚拟 DOM 无法监测到定时器的状态变化。当我们在 Vue 组件中创建定时器时，实际上是在组件的生命周期方法（例如 mounted ）中注册了该定时器。这意味着，在组件被销毁时，虽然页面上已经看不到该组件，但是组件实例却还存在于内存中，而其中包括已经注册的定时器。当一个对象不再被引用时，它仍然可能在内存中保留一段时间，直到垃圾回收机制判断它不再可达时才会被回收。
Web前端开发（JS的快速入门）
最新发布
2401_88455976的博客
05-24 1380
元素的底部，可改善显示速度外部的JS文件中，只包含JS代码，不包含<script>标签<script>标签不能自闭合<head><title>JS引入方式</title>-- 内部脚本 -->-- 外部脚本 --></head><body>
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值