倒计时按钮需为每行独立管理生命周期：用data-expire缓存时间戳，new date().gettime()统一转毫秒并校验nan；按剩余时间分层显示状态；表格重载时必须手动清除所有定时器，避免内存泄漏。
倒计时按钮需要动态渲染，不能靠 templet 一次性写死
表格行数据加载后，时间字段（比如 expire_time）是静态的，但倒计时是实时变化的。如果只在 templet 里用 setinterval 启动定时器，会导致：多个行共用同一个 timer id、销毁时未清除、滚动出视口后仍在运行、时间错乱。必须为每行独立管理倒计时生命周期。
- 在
render回调或done钩子中，对每一行调用独立的倒计时函数，传入该行 DOM 节点和到期时间戳 - 用
data-属性缓存原始时间戳，避免重复解析：td.setAttribute('data-expire', row.expire_time) - 每次更新前先清除该行已存在的定时器（用
clearInterval+ 存储在td._countdownTimer上）
时间格式要统一转成毫秒时间戳，别直接操作字符串
后端返回的 expire_time 常见为字符串（如 "2025-04-10 14:30:00" 或 "2025/04/10"），Date.parse() 对部分格式兼容性差（比如带空格的中文格式）。必须显式转换，否则在 Safari 或旧版 Chrome 中可能得 NaN。
- 推荐用
new Date(row.expire_time).getTime()，它比Date.parse()更鲁棒 - 若后端返回的是秒级时间戳（如
1744295400），需乘以1000转为毫秒：row.expire_time * 1000 - 加一层校验：
if (isNaN(expireMs)) return;，防止无效时间导致NaN渲染
按钮状态要按剩余时间分层控制，不能只显示“还剩 X 秒”
用户需要明确感知状态：未开始、进行中、已过期。纯倒计时数字易误导（比如显示“还剩 -120 秒”，不如直接标“已过期”）。
- 剩余 ≤ 0：显示
已过期，禁用按钮，添加layui-btn-disabled类 - 剩余 ≤ 60 秒：显示
最后 <strong>{s}</strong> 秒，用红色强调 - 剩余 ≤ 3600 秒（1 小时）：显示
{m} 分 {s} 秒 - 剩余 > 3600 秒：显示
{h} 小时 {m} 分，不显示秒（减少高频重绘）
表格重载或翻页时，必须手动清理所有倒计时定时器
Layui 的 table.reload() 不会自动销毁之前绑定的 setInterval，旧行 DOM 虽被移除，但定时器还在后台跑——这是内存泄漏和 CPU 占用飙升的常见原因。
- 在
table.on('page()', ...)和table.on('sort()', ...)等触发重绘的事件里，先遍历当前页面所有操作列td[data-expire]，执行clearInterval(td._countdownTimer) - 更稳妥的做法：把所有活跃 timer ID 存进一个全局 Map（如
window.countdownTimers = new Map()），key 为行data-index，reload 前批量清除 - 在
done回调末尾再启动新倒计时，确保旧的已停、新的已绑
倒计时逻辑本身不难，真正容易出问题的是定时器的创建、复用与销毁边界——尤其是多行、翻页、筛选并存时，漏掉任意一环都可能让按钮卡住、时间跳变或页面变慢。
