javascript - 需要从父级清除 iframe 中的间隔，但它不起作用

Question

我在 iframe 中使用 setInterval，我需要能够从父窗口停止它，但它似乎不起作用。我将一个全局变量(“modelViewRefresh”)分配给要从父级访问的 setInterval 事件。

我在父级中使用此代码来尝试触发clearInterval，但它似乎不起作用:

var modelViewRefresh = document.getElementById(widget_id + '_iframe').contentWindow['modelViewRefresh'];
console.log("modelViewRefresh=" + modelViewRefresh); // this equals 2 for some reason
clearInterval( modelViewRefresh );

我什至直接尝试这个:

clearInterval( document.getElementById(widget_id + '_iframe').contentWindow['modelViewRefresh'] );

我在自己的窗口中打开了 iframe，以验证是否正在创建变量(通过 Firebug 查看 DOM)。仅供引用，这不是一个不同的域...

我主要在其他地方使用 jQuery，但在某处读到最好在这种情况下使用“原始”javascript。所以我也愿意接受 jQuery 解决方案。

有什么想法吗？也许我的做法是错误的......

PS。我还希望能够从父级再次开始“刷新”。

Answer 1

两者clearInterval和clearTimeout需要iframe name当从 iframe 外部调用时。

HTML 示例:<iframe name="iframe_0"></iframe>

JS 示例:

iframe_0.clearInterval(modelViewRefresh)

要从父级重新启动:modelViewRefresh=iframe_0.setInterval(do_this,1000)