layer弹出层显示自动关闭倒计秒数

引入layer.js文件

<script type=”text/javascript” charset=”utf-8″ src=”../resources/js/layer/layer.js”>

<script type=”text/javascript” alt=”layer弹出层显示自动关闭倒计秒数”>

前端代码

layui.use( layer , function(){

    layer.open({

            type: 1 //此处以iframe举例

            ,title: 下载pdf文件

            ,area: [ 300px , 200px ]

            ,shade: 0

            ,time: 5000//关闭弹出层的毫秒时间

            ,content: <div style=”padding: 15px;”>如果您需要下载合同pdf文件，请选择:下载PDF文件</div>

            ,btn: [ 下载PDF文件 , 撤销 ] //只是为了演示

            ,yes: function(){

                    layer.closeAll();

                    downloadPDF();//下载方法

            }

            ,btn2: function(){

                    layer.closeAll();

                    viewPdf();//预览方法

            }

            ,success:function(layero, index) {

                    var timeNum = this.time/1000, setText = function(start){

                                    layer.title((start ? timeNum : –timeNum) + 秒后关闭 , index);

                    };

                    setText(!0);

                    this.timer = setInterval(setText, 1000);

                    if(timeNum <= 0) clearInterval(this.timer);

            }

    });

});

效果图片