用js定时关闭top.showAlert弹框
时间: 2023-07-20 19:31:39 浏览: 58
如果 `top.showAlert` 是在父窗口中定义的方法,那么我们可以通过在弹框窗口中调用父窗口的方法来关闭弹框。
具体步骤如下:
1. 在弹框窗口中获取父窗口对象,如使用 `window.parent`。
2. 在父窗口中定义关闭弹框的方法,如 `closeAlert()`。
3. 在弹框窗口中使用 `setTimeout()` 函数来延迟执行关闭弹框的代码。
4. 在 `setTimeout()` 函数中调用父窗口的 `closeAlert()` 方法来关闭弹框。
代码示例:
在父窗口中定义 `closeAlert()` 方法:
```javascript
function closeAlert() {
// 获取弹框元素
var modal = document.getElementById("myModal");
// 隐藏弹框
modal.style.display = "none";
}
```
在弹框窗口中调用父窗口方法并延迟关闭弹框:
```javascript
// 延迟 3 秒后关闭弹框
setTimeout(function() {
// 获取父窗口对象
var parentWindow = window.parent;
// 调用父窗口的 closeAlert() 方法关闭弹框
parentWindow.closeAlert();
}, 3000);
```
在上述代码中,我们在弹框窗口中调用了父窗口的 `closeAlert()` 方法来关闭弹框。请注意,关闭弹框需要在弹框所在的上下文中进行,因此我们需要使用 `window.parent` 来获取父窗口对象。