如果 Javascript EventListener 未触发，您如何运行代码？

Question

我有一个页面（我们将其称为父页面），其中包含一个 iframe，其中包含另一个页面的内容（我们将其称为子页面）。

这 2 个页面托管在不同的域中。

如果子页面没有加载，我想将子页面的位置改为默认页面。

我正在使用 window.postMessage 在两个页面之间进行通信。我已成功从父页面向子页面发送消息，子页面已成功发回消息。

我在两个页面上都使用 eventListeners 来监听消息。我的意图是，如果父级在某个时间范围内没有收到回复消息，它应该更改位置并加载默认页面。

如果父页面的eventListener在一定时间内没有触发，有没有办法运行函数？

或者有没有其他方法可以实现我没有想到的目标？

Answer 1

您可以执行以下操作：

var onNoEvent = setTimeout(function(){
  //... do your thing
}, 3000);

window.addEventListener('message', function(){
  clearTimeout(onNoEvent); //cancel the timeout event

}, false);