layer.load 加倒计时

码农遇见菜鸟

于 2024-08-06 11:19:10 发布

阅读量230

点赞数 3

文章标签： javascript 开发语言 ecmascript

本文链接：https://blog.csdn.net/weixin_40597855/article/details/140950829

版权

实现效果
在这里插入图片描述

loading=layer.load(1, {
      content:"",
      shade: [0.7, '#333'],
      time:'5000',
      success: function(layero,index) {
          var i = 5;
          var timer = null;
          var fn = function() {
              // 显示的提示
              layero.find(".layui-layer-content").html('正在连接，请稍等（'+i+'s）...',);
              if (!i) {
                  layer.close(index);
                  clearInterval(timer);
              }
              i--;
          };
          timer = setInterval(fn, 1000);
          fn();
          layero.css({'left':'20%','top':"80%"});
          layero.find('.layui-layer-content').css({
              'padding-top': '10px',
              'padding-left': '50px',
              'width': '100%',
              'font-size':'16px',
              'color':'#fff',
          });
      }
  });