js弹框3秒后自动消失 |
您所在的位置：网站首页 › js实现弹窗6s以后淡出 › js弹框3秒后自动消失 |
js弹框3秒后自动消失
|
开发中有时候会需要最出弹框后，过几秒自动消失的效果，下面给大家分享一下我自己做的一个小案例。
案例中的弹框使用的是bootstrap里面的模态框，实现自动消失则用的是js中的setInterval方法。该弹框使用了jquery-ui中的draggable方法，可拖动。 目录结构如下：
下面是案例代码：
demo.html DOCTYPE html> js弹框3秒后自动消失 点击弹出模态框 ×Close 模态框 js弹框自动消失案例 关闭 保存 var clearFlag = 0; var count = 3;//设置3秒后自动消失 var showModal = function(){ $("#my-modal-alert").toggle();//显示模态框 $("#my-modal-alert").draggable({//设置模态框可拖动（需要引入jquery-ui.min.js） handle: ".modal-header" }); clearFlag = self.setInterval("autoClose()",1000);//每过一秒调用一次autoClose方法 } var autoClose = function(){ if(count>0){ $("#num").html(count + "秒后窗口将自动关闭"); count--; }else if(count |
【本文地址】
今日新闻 |
推荐新闻 |