layer弹出层定时关闭

最新推荐文章于 2022-03-21 17:21:51 发布
原创 最新推荐文章于 2022-03-21 17:21:51 发布
· 7.5k 阅读 · 1 ·
版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<script src="js/jquery.min.js"></script>
<script src="layer-v3.1.1/layer/layer.js"></script>
<link rel="stylesheet" href="layer-v3.1.1/layer/theme/default/layer.css" />
<script>
/**
* 初始参数
*/
var timeout=15;
var flag=false;
var yes_text="15";
var interval=null;
$(document).ready(function(){
$("#btn01").click(function(){
openWid();

});
});
/**
* 打开窗口，并开始倒计时
*/
function openWid(){
interval=setInterval("exchangeText()",1000);
layer.open({
                type: 2,  
                area: ['600px', '400px'],
                title:"填写申报查重信息",
                content: "update.html" ,
                btn: [yes_text, '关闭'],
                maxmin: true, //开启最大化最小化按钮
                btn1: function(index2, layero){
                if(flag){
                //l
                recoveryparam(false,15,interval,"15");
                layer.close(index2);
                }
                      
              },
              btn2: function(index){ 
              //关闭按钮
recoveryparam(false,15,interval,"15");
                  },cancel: function(index){ 
              //右上角×
recoveryparam(false,15,interval,"15");
                  }
            });
}
/**
* 改变确认按钮的文字
*/
function exchangeText(){
console.log(timeout);
if(timeout>0){
//-- 
timeout=timeout-1;
yes_text=timeout+"S";
$(".layui-layer-btn0").text(yes_text);
}else{
recoveryparam(true,15,interval,"15");
$(".layui-layer-btn0").text("提交");
}
}
/**
* 恢复各种参数
* @param {Object} flag1
* @param {Object} timeout1
* @param {Object} interval1
* @param {Object} yes_text1
*/
function recoveryparam(flag1,timeout1,interval1,yes_text1){
flag=flag1;
timeout=timeout1;
yes_text=yes_text1;
if(interval1!=null){
clearInterval(interval1);
}
}
</script>
</head>
<body>
<button id="btn01"> 打开弹窗</button>
</body>
</html>

柳乔乔
关注
Openlayers中设置定时绘制和清理直线图层
BADAO_LIUMANG_QIZHI的博客
07-09 837
场景 Openlayers中实现地图上添加一条红色直线： https://blog.csdn.net/BADAO_LIUMANG_QIZHI/article/details/118598962 在上面实现绘制一条红色直线的基础上，怎样对该红线进行清除。 在某些条件下进行绘制和清除直线，下面通过定时器来反复实现绘制和清除效果如下 注： 博客：https://blog.csdn.net/badao_liumang_qizhi 关注公众号 霸道的程序猿 获取编程相关电子书、教程推送与免费.
layer弹出层倒计时关闭的实现方法
12-13
因为官方没有提供，只能自己实现了，包括按钮倒计时和标题倒计时，标题倒计时在注释部分： <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> </head> <body> [removed][removed] [removed][removed] <sc
php弹窗代码倒计时关闭,layer弹出层倒计时关闭的实现方法
weixin_27945229的博客
03-18 550
因为官方没有提供，只能自己实现了，包括按钮倒计时和标题倒计时，标题倒计时在注释部分：function func1() {var i = 9;var interval;layer.confirm('是否提交？', {btn: [i+1+'s后可提交','退出'], //按钮skin: 'layui-layer-molv',success: function(a,b){$(".layui-layer-...
弹出层倒计时打开新页面关闭自己
chuzhenbin的专栏
05-24 1093
test var second=5; var timerId; //定时器id function checkByWebServices(){ $("#waitView").css("display","block"); //inline $("#waitViewFade").css("display","block");
layer.close()
年华
09-28 1062
error : function(info) { layer.open({ type : 1, closeBtn : false, shift : 6, content : "出错了：系统繁忙，请稍后重试！" + "", title : "需求/意见反馈", }) } function layoutClose() { layer.close(layer.index);
layui弹出层：倒计时后自动关闭（含代码、案例）
草巾冒小子的博客
07-31 2434
layui弹出层：倒计时后自动关闭（含代码、案例） 问题描述： 如何设定倒计时？ 如何在自动倒计时结束后关闭弹框； 如何自定义“按钮文字”文案； 如何在关闭后，执行函数事件； 如何设置、修改、自定义皮肤？ 其他重要未提及内容。 一、不自动关闭 · 代码方案： 1.1. 代码方案： layer.msg('你今天获取验证码次数已达到上限！', { time: 0 //不自动关闭 ,btn: ['我知道了'] ,yes: function(index){ layer.close(i
创新web弹窗体验：jQuery-plugin-layer弹出层插件详解
### jQuery-plugin-layer弹出层插件知识点 #### jQuery插件概述 jQuery是一个快速、小巧且功能丰富的JavaScript库，它简化了HTML文档遍历、事件处理、动画和Ajax交互，极大地促进了Web开发的便捷性。利用jQuery开发...
使用jQuery实现定时自动关闭的页面弹出层
资源摘要信息:"本资源摘要信息将介绍如何使用jQuery实现页面打开时弹出一个提示层，并在设定的几秒后自动关闭该弹出层的功能。" 知识点1: jQuery基础 jQuery是一个快速、简洁的JavaScript库，它简化了HTML文档遍历...
C#实现Aps.net中layer弹出层封装的MessageBox类
资源摘要信息:"C#对Layer弹出层的封装的MessageBox类" 知识点详细说明： 1. C#编程语言：C#（发音为"See Sharp"）是微软开发的一种面向对象的编程语言，它是.NET Framework框架的核心语言之一。C#设计得足够简洁，...
Layer组件：多iframe弹出层操作与参数传递详解
在示例二中，除了基本的配置，还演示了更复杂的用法，例如关闭按钮的隐藏、自定义弹出位置、设置定时关闭、以及使用`end`回调函数在弹出层A关闭后打开弹出层B，这在需要控制多个弹出层的交互时非常有用。 对于在弹...
shopex4.8自动定时关闭一个层的弹出广告
02-08
在IT行业中，"shopex4.8自动定时关闭一个层的弹出广告"是一个涉及到网页交互、JavaScript编程以及可能的电子商务平台定制的功能实现。ShopEx是一款国内常用的电子商务系统，主要用于搭建网上商城。在这个特定的场景...
layer 延时设置
l_degege的专栏
09-09 5820
$.ajax({ type: 'post', url: "/monitor/demos/testDemos", data: {}, dataType: 'json', success: function (result) { if (result.flag ==true) { $("#confirm").text("...
layui定时弹框
lam521_125的博客
06-12 3260
在需求中提到了一个在主页面定时弹出一个弹出层，弹出后，相同的页面不能再弹出，关闭后，按照设定的时间才能弹出来。刚开始做的是只要时间一到就会弹出来，导致业务没有完成就又有新的页面出来，后来看文档和别人帮助，完成了需求。 1. 这个弹出层的id很重要，因为刚开始做的时候没有仔细的看文档，导致耽误了很长时间，后来才知道弹出层设置id后，不管是什么类型的层，都只允许同时弹出一个。一般用于页面层和ifr...
layer 定时执行刷新
Elvin的博客
06-26 7214
layer.msg('删除成功',{time:3*1000},function() { location.reload(); })
layer.load()不及时显示
G_ruirui的博客
03-21 1517
layer.load()不及时显示
layer倒计时弹框/弹层 DEMO
weixin_33699914的博客
02-07 975
layer.msg("提示语...", { time: 5000, shade: 0.6, success: function (layero, index) { var msg = layero.text(); var i = 5; var timer = null; var fn = fu...
layui简单实现倒计时窗口
qq_42480062的博客
03-06 1216
<script> var money = '3000'; var date = '2022-02-02'; var person = 'cccccc'; var tel = '13939333654'; // 显示的字符串 var str = '<p class="shown">' + "ccccccc（" + money + "元/年）已于" + date +...
layer弹出层的关闭问题——在执行完毕后关闭当前弹出层
热门推荐
amberom的专栏
02-22 1万+
今天再用layui写东西的时候遇到一个问题，就是在弹出层操作完之后不知道怎么在弹出层内操作关闭这个弹出层，查阅资料之后终于找到了解决的办法。下面两段出自官网文档。 一、layer.close(index) - 关闭特定层 关于它似乎没有太多介绍的必要，唯一让你疑惑的，可能就是这个index了吧。事实上它非常容易得到。 //当你想关闭当前页的某个层时 var index = layer.open(); var index = layer.alert(); var index = layer.loa.
layui弹框提示层：倒计时（layui-font-red颜色定义）
草巾冒小子的博客
07-31 836
layui弹框提示层：倒计时（layui-font-red颜色定义） 官方文档：https://layer.layui.com/ 效果图 · 截图示下： 以上就是关于“ layui弹框提示层：倒计时（layui-font-red颜色定义） ”的全部内容。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值