惯性聚合 高效追踪和阅读你感兴趣的博客、新闻、科技资讯
阅读原文 在惯性聚合中打开

推荐订阅源

酷 壳 – CoolShell
酷 壳 – CoolShell
H
Hacker News: Front Page
P
Palo Alto Networks Blog
T
ThreatConnect
Apple Machine Learning Research
Apple Machine Learning Research
博客园_首页
T
True Tiger Recordings
P
Privacy & Cybersecurity Law Blog
B
Blog
IT之家
IT之家
Last Week in AI
Last Week in AI
F
Full Disclosure
Hacker News: Ask HN
Hacker News: Ask HN
C
Comments on: Blog
Microsoft Azure Blog
Microsoft Azure Blog
C
Cybersecurity and Infrastructure Security Agency CISA
Microsoft Security Blog
Microsoft Security Blog
博客园 - 【当耐特】
N
News and Events Feed by Topic
NISL@THU
NISL@THU
腾讯CDC
雷峰网
雷峰网
Security Latest
Security Latest
李成银的技术随笔
M
Microsoft Research Blog - Microsoft Research
L
LangChain Blog
L
Lohrmann on Cybersecurity
cs.CL updates on arXiv.org
cs.CL updates on arXiv.org
C
Check Point Blog
Y
Y Combinator Blog
Recent Announcements
Recent Announcements
博客园 - Franky
N
News | PayPal Newsroom
V
V2EX
A
About on SuperTechFans
The Register - Security
The Register - Security
月光博客
月光博客
奇客Solidot–传递最新科技情报
奇客Solidot–传递最新科技情报
Google Online Security Blog
Google Online Security Blog
MyScale Blog
MyScale Blog
Cisco Talos Blog
Cisco Talos Blog
Vercel News
Vercel News
WordPress大学
WordPress大学
C
Cyber Attacks, Cyber Crime and Cyber Security
The Hacker News
The Hacker News
IntelliJ IDEA : IntelliJ IDEA – the Leading IDE for Professional Development in Java and Kotlin | The JetBrains Blog
IntelliJ IDEA : IntelliJ IDEA – the Leading IDE for Professional Development in Java and Kotlin | The JetBrains Blog
爱范儿
爱范儿
A
Arctic Wolf
L
LINUX DO - 最新话题
freeCodeCamp Programming Tutorials: Python, JavaScript, Git & More

博客园 - 尘梦

calude code 2.188 根据cli.map还原 centos6 安装gcc 多版本 自定义编译bulma 神通mysql模式转 mysql ai数学书籍 chromedriver 网络安全渗透测试写法 编译php需要的扩展 python 合并同列数据 组合 新的excel - 尘梦 vue table 表格记录选中 - 尘梦 linux wktohtmlpdf 结合/tmp路径 无法创建问题 c语言开发 php扩展 sm4 macos php 如何链接神通数据库aci 使用c# 开发 php的com组件 世界级地图数据处理 及 联动效果 php 结合pcntl_fork导出excel数据 使用 python 部署chatglm2b macos 下连接php 人大金仓pdo_kdb问题 php curl 多次发送
layui table tr a标签倒计时 操作 刷新以后继续倒计时
尘梦 · 2024-05-21 · via 博客园 - 尘梦

结合localStorage

//开始计时

        startTimers=function(rowId,times){
            var buutons=$('#table-admin').next().find('tr[data-index="'+rowId+'"]').find("a[lay-event='send_datas']");
            buutons.addClass("layui-btn-disabled disabled-link");

            var countDown=times || 120;

            

            var timer = setInterval(function() {
                    countDown--;
                  
                    buutons.text("发送通知信息"+countDown)
                    if (countDown <= 0) {
                        localStorage.removeItem('timer_button_'+rowId)
                        buutons.removeClass("layui-btn-disabled").removeClass('disabled-link');
                        clearInterval(timer); // 倒计时结束,清除计时器
                        buutons.text("发送通知信息");
                        //取消数组
                        var table_send_index = JSON.parse(localStorage.getItem('table_send_index')) || [];
                        var indexid = table_send_index.indexOf(rowId);
                        if (indexid > -1) {
                            table_send_index.splice(indexid, 1);
                            localStorage.setItem('table_send_index', JSON.stringify(table_send_index));
                        }
                    }else {
                     
                        localStorage.setItem('timer_button_'+rowId,countDown);
                    }

                  

                }, 1000);
        }

···
...js
初始化加载
写在table的done里面
  var table_sends= JSON.parse(localStorage.getItem('table_send_index')) || [];

                for(var i=0;i<table_sends.length;i++) {
                    var timerss=localStorage.getItem('timer_button_'+table_sends[i]);
                    if (timerss) {
                        startTimers(table_sends[i],parseInt(timerss))
                    }
                }
...

事件加载
```js
 if (layEvent == 'send_datas') {

                //startTimers
                

                var data_index=$(tr).attr("data-index");

                //定义总的数据组
                var table_send_index= JSON.parse(localStorage.getItem('table_send_index')) || [];
                table_send_index.push(data_index);
                localStorage.setItem('table_send_index', JSON.stringify(table_send_index));
            

                startTimers(data_index,120);
}