layer.msg弹窗倒计时

最新推荐文章于 2023-01-06 14:27:21 发布

傲娇萌萌哒

最新推荐文章于 2023-01-06 14:27:21 发布

阅读量5.3k

点赞数 1

CC 4.0 BY-SA版权

分类专栏： JavaScript 文章标签： layer javascript

本文链接：https://blog.youkuaiyun.com/guanzhengyinqin/article/details/78134514

JavaScript 专栏收录该内容

5 篇文章

订阅专栏

本文介绍了一个使用Layer.js实现的倒计时消息弹窗功能。该功能允许设置倒计时时间及显示内容，并通过JavaScript操作DOM元素来更新显示的时间。文章提供了完整的函数实现，包括初始化弹窗样式、更新文本内容及关闭弹窗等步骤。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

//layer.msg弹窗倒计时
//second : 倒计时时间，单位，秒
//content: 弹窗内容，类型；String
function countDown(second,content){
    layer.msg(content, {
        time : 5000,
        shade: 0.6,
        success: function(layero,index){
            var msg = layero.text();
            var i = second;
            var timer = null;
            var fn = function() {
            layero.find(".layui-layer-content").text(msg+' '+i+' ');
            if(!i) {
                layer.close(index);
                clearInterval(timer);
            } 
            i--;
            };
            timer = setInterval(fn, 1000);
            fn();
        },
            }, function() {
            $("#btnSave").removeAttr("disabled");
    });
}