必须用layer.open自定义弹层并手动管理定时器：第一步写含id按钮的content；第二步在success中获取DOM、设初始秒数并更新文字；第三步用setInterval每秒刷新按钮文字，归零时关闭弹层；需在cancel/yes/按钮click中统一clearInterval确保定时器安全清理。
要在Layui的layer弹出层中实现倒计时自动关闭，并在按钮上实时显示剩余秒数，必须绕过layer.alert等简易方法的限制，改用layer.open自定义结构，手动管理定时器、DOM更新与资源清理——因为layer.alert不支持动态修改按钮文字，且其内部DOM结构不可靠。
创建含倒计时按钮的自定义弹层
第一步：调用layer.open()，content里写一个带id的按钮，例如>；不要用btn配置项，否则无法控制按钮文本。
第二步：在success回调中获取按钮DOM节点，同时保存layer索引index和初始倒计时秒数（如3），并立即执行一次按钮文字更新——这一步不能省，否则首帧会显示默认文字。
第三步：用setInterval每1000ms更新按钮文字，并在每次更新前检查是否已到0；到达0时清除定时器并调用layer.close(index)。注意：必须把interval ID存在闭包变量里，否则无法在用户提前关闭时清理。
绑定用户交互并安全清理定时器
方法一：在按钮click事件中主动清除定时器并关闭弹层
给#countdown-btn绑定onclick，第一行就写clearInterval(timerId)，再调layer.close(index)；这样无论用户是点按钮还是点右上角×，都能确保定时器终止。
方法二：在layer的cancel和yes回调中统一清理
在layer.open配置中显式写cancel:function(){clearInterval(timerId);}和yes:function(index){clearInterval(timerId);layer.close(index);}；【cancel回调必须存在，否则用户点×后定时器仍会继续运行】
完整可运行代码示例
复制以下代码到JS中即可直接使用（适配Layui 2.8+）：
<script><br>let timerId = null;<br>const countDownSec = 3;<br>const index = layer.open({<br> title: '操作提示',<br> content: '<button id="countdown-btn" class="layui-btn layui-btn-primary">' + countDownSec + '秒后关闭',<br> success: function(layero, i) {<br> const btn = document.getElementById('countdown-btn');<br> let sec = countDownSec;<br> btn.innerText = sec + '秒后关闭';<br> timerId = setInterval(() => {<br> if (sec <= 1) {<br> clearInterval(timerId);<br> layer.close(i);<br> } else {<br> sec--;<br> btn.innerText = sec + '秒后关闭';<br> }<br> }, 1000);<br> },<br> cancel: function() {<br> clearInterval(timerId);<br> },<br> yes: function(i) {<br> clearInterval(timerId);<br> layer.close(i);<br> }<br>});<br></script>
