[聚合文章] layer弹出层倒计时关闭实现

CSS 1900-01-01 29 阅读

包括按钮倒计时和标题倒计时,标题倒计时我注释掉了

<script src="js/jquery-1.11.1.min.js"></script><script src="layer/layer.js"></script><script>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});                        });    }</script><button id="func1" onclick="func1();">询问框</button>

注:本文内容来自互联网,旨在为开发者提供分享、交流的平台。如有涉及文章版权等事宜,请你联系站长进行处理。