java倒计时自动关闭弹窗_layer弹出层倒计时关闭的实现方法

因为官方没有提供，只能自己实现了，包括按钮倒计时和标题倒计时，标题倒计时在注释部分：

function func1() {

var i = 9;

var interval;

layer.confirm('是否提交？', {

btn: [i+1+'s后可提交','退出'], //按钮

skin: 'layui-layer-molv',

success: function(a,b){

$(".layui-layer-btn0").css("backgroundColor","#92B8B1");

var fn = function() {

// layer.title(i+' 秒后，系统将自动退出并关闭。',b);

$(".layui-layer-btn0").text(i+'s后可提交');

i--;

};

interval = setInterval(function(){

fn();

if(i === 0){

$(".layui-layer-btn0").css("backgroundColor","#019F95");

$(".layui-layer-btn0").text('提交');

clearInterval(interval);

}

}, 1000);

},

end:function(){

clearInterval(interval);

}

}, function(){

if(i<=0) {

layer.msg('已提交', {icon: 1});

}

}, function(){

clearInterval(interval);

layer.msg('已关闭', {icon: 1});

});

}

询问框

以上这篇layer弹出层倒计时关闭的实现方法就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持我们。

时间： 2019-09-27