Jquery 将点击模式更改为带延时的加载模式

我有一个简单的模式插件，我下载并剥离回来，因为我试图学习的功能

我想知道是否有人能告诉我，我是如何将“点击”功能更改为带有延时的“加载”功能的。因此，我希望模式自动弹出后，约3秒的页面加载

此外，这个插件有一些不同的功能，但我已经将HTML条带化回我所需要的。如果可能的话，你能告诉我我能从脚本中去掉什么吗？这样我就只需要我需要的东西，因为那样学习起来会更容易

提前谢谢

; 函数$，窗口，文档，未定义{ "严格使用",； var pluginName='topmodal'， 默认值={ topmodal:“.js topmodal”， topmodalBtn:“.js topmodal btn”， topmodalBtnClose:“.js topmodal btn close”， topmodalContainer:“.js topmodal容器”， topmodalOverlay:“.js topmodal覆盖” }; 函数插件元素，选项{ this.element=元素； this.settings=$.extend{}，默认值，选项； 这是默认值； 这个。_name=pluginName； this.init； } $.extend Plugin.prototype{ init：函数{ var _obj=此设置； Plugin.prototype.handlerMethods_obj； }, handler方法：函数_obj{ $document.on'click'，_obj.topmodalBtn，函数{ Plugin.prototype.show_obj； Plugin.prototype.showContainer_obj； Plugin.prototype.showOverlay_obj； }; $document.on'click'，_obj.topmodalBtnClose，函数{ Plugin.prototype.hide_obj； Plugin.prototype.hideContainer_obj； Plugin.prototype.hideOverlay\u obj； }; $document.on'click'，_obj.topmodalContainer，函数{ Plugin.prototype.hide_obj； Plugin.prototype.hideContainer_obj； Plugin.prototype.hideOverlay\u obj； }; $document.on'click'，_obj.topmodel，函数事件{ 事件。停止传播； }; }, 显示：功能_obj{ $\u obj.topmodal.addClass“已打开”； }, 隐藏：函数_obj{ $\u obj.topmodal.removeClass“已打开”； }, showContainer:function\u obj{ $\u obj.topmodalContainer.addClass“已打开”； }, hideContainer:函数_obj{ $\u obj.topmodalContainer.removeClass“已打开”； }, showOverlay:函数_obj{ $_obj.topmodalOverlay.addClass“已打开”； }, 隐藏覆盖：函数_obj{ $\u obj.topmodalOverlay.removeClass“已打开”； } }; $.fn[pluginName]=函数选项{ 返回此值。每个函数{ 如果！$.data这个，plugin_u2;+pluginName{ $。此数据，插件\u+ pluginName，新插件，此选项； } } ; }; }jQuery、窗口、文档； 托普莫代尔先生{ 背景：fff； 框大小：边框框； 显示：无； 位置：相对位置； 填充：20px； 最大宽度：500px； 宽度：100%； 垂直对齐：中间对齐； z指数：10000； } .topmodal.is-open{ 显示：内联块； } .topmodal叠加{ 背景：rgba0,0,0,0.5； 显示：无； 位置：固定； 前-100%； 底部：-100%； 左-100%； 右图：-100%； 光标：指针； } .topmodal-overlay.is-open{ 显示：块； z指数：9999； } .topmodal集装箱{ 框大小：边框框； 位置：固定； 排名：0； 左：0； z指数：10000； 宽度：100%； 身高：100%； 显示：无； 文本对齐：居中； 溢出：自动； 填充：10px 10px 0； } .topmodal-container.is-open{ 显示：块； } .topmodal容器：之后{ 内容：； 显示：内联块； 左边距：-.05em； 身高：100%； 垂直对齐：中间对齐； } 简单模态插件 弹出窗口 弹出窗口 Lorem ipsum dolor sit amet，奉献精英。这是我的智慧

关 登录 Lorem ipsum dolor sit amet，奉献精英。非脑干智商的eos实习

关 登记 Lorem ipsum dolor sit amet，奉献精英。奥迪奥·奎亚必要性骚扰

$document.readyfunction{ $'.js topmodal日志'.topmodal{ topmodal:“.js topmodal日志”， topmodalBtn:“.js topmodal btn日志”， topmodalBtnClose:“.js topmodal btn closesss” }; $'.js topmodal reg'.topmodal{ topmodal:“.js topmodal reg”， topmodalBtn:“.js topmodalBtn注册表” }; $'.js topmodel'.topmodel； }; 请尝试以下代码：

在handlerMethods中添加此代码：

您在此处修改了代码：

; 函数$，窗口，文档，未定义{ "严格使用",； var pluginName='topmodal'， 默认值={ topmodal:“.js topmodal”， topmodalBtn:“.js topmodal btn”， topmodalBtnClose:“.js topmodal btn close”， topmodalContainer:“.js topmodal容器”， topmodalOverlay:“.js topmodal覆盖” }; 函数插件元素，选项{ this.element=元素； this.settings=$.extend{}，默认值，选项； 这是默认值； 这个。_name=pluginName； this.init； } $.extend Plugin.prototype{ init：函数{ var _obj=此设置； Plugin.prototype.handlerMethods_obj； }, handler方法：函数_obj{ setTimeoutfunction{ Plugin.prototype.show_obj； Plugin.prototype.showContainer_obj； Plugin.prototype.showOverlay_obj； }，3000；//现在在这里设置时间3秒 $document.on'click'，_obj.topmodalBtn，函数{ Plugin.prototype.show_obj； Plugin.prototype.showContainer_obj； Plugin.prototype.showOverlay_obj； }; $document.on'click'，_obj.topmodalBtnClose，函数{ Plugin.prototype.hide_obj； Plugin.prototype.hideContainer_obj； Plugin.prototype.hideOverlay\u obj； }; $document.on'click'，_obj.topmodalContainer，函数{ Plugin.prototype.hide_obj； Plugin.prototype.hideContainer_obj； Plugin.prototype.hideOverlay\u obj； }; $document.on'click'，_obj.topmodel，函数事件{ 事件。停止传播； }; }, 显示：功能_obj{ $\u obj.topmodal.addClass“已打开”； }, 隐藏：函数_obj{ $\u obj.topmodal.removeClass“已打开”； }, showContainer:function\u obj{ $\u obj.topmodalContainer.addClass“已打开”； }, hideContainer:函数_obj{ $\u obj.topmodalContainer.removeClass“已打开”； }, showOverlay:函数_obj{ $_obj.topmodalOverlay.addClass“已打开”； }, 隐藏覆盖：函数_obj{ $\u obj.topmodalOverlay.removeClass“已打开”； } }; $.fn[pluginName]=函数选项{ 返回此值。每个函数{ 如果！$.data这个，plugin_u2;+pluginName{ $。此数据，插件\u+ pluginName，新插件，此选项； } } ; }; }jQuery、窗口、文档； 托普莫代尔先生{ 背景：fff； 框大小：边框框； 显示：无； 位置：相对位置； 填充：20px； 最大宽度：500px； 宽度：100%； 垂直对齐：中间对齐； z指数：10000； } .topmodal.is-open{ 显示：内联块； } .topmodal叠加{ 背景：rgba0,0,0,0.5； 显示：无； 位置：固定； 前-100%； 底部：-100%； 左-100%； 右图：-100%； 光标：指针； } .topmodal-overlay.is-open{ 显示：块； z指数：9999； } .topmodal集装箱{ 框大小：边框框； 位置：固定； 排名：0； 左：0； z指数：10000； 宽度：100%； 身高：100%； 显示：无； 文本对齐：居中； 溢出：自动； 填充：10px 10px 0； } .topmodal-container.is-open{ 显示：块； } .topmodal容器：之后{ 内容：； 显示：内联块； 左边距：-.05em； 身高：100%； 垂直对齐：中间对齐； } 简单模态插件 弹出窗口 弹出窗口 Lorem ipsum dolor sit amet，奉献精英。这是我的智慧

关 登录 Lorem ipsum dolor sit amet，奉献精英。非脑干智商的eos实习

关 登记 同侧眼睑 多洛·西特·艾米特，奉献给精英们。奥迪奥·奎亚必要性骚扰

$document.readyfunction{ $'.js topmodal日志'.topmodal{ topmodal:“.js topmodal日志”， topmodalBtn:“.js topmodal btn日志”， topmodalBtnClose:“.js topmodal btn closesss” }; $'.js topmodal reg'.topmodal{ topmodal:“.js topmodal reg”， topmodalBtn:“.js topmodalBtn注册表” }; $'.js topmodel'.topmodel； }; 请看这里：https://www.w3schools.com/jsref/met_win_settimeout.asp https://www.sitepoint.com/jquery-settimeout-function-examples/

setTimeout(function() {
   Plugin.prototype.show( _obj );
   Plugin.prototype.showContainer( _obj );
   Plugin.prototype.showOverlay( _obj );
 }, 3000); //set time here now 3 seconds