task任务使用、js定时！！！

最新推荐文章于 2025-01-27 03:18:15 发布

原创最新推荐文章于 2025-01-27 03:18:15 发布 · 1.5k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #extjs

随笔专栏收录该内容

3 篇文章

订阅专栏

本文介绍了一个使用ExtJS实现的定时任务案例，该案例中包含了一个每小时执行一次的任务，以及一个用于倒计时并在计时结束后自动保存报表数据的功能。通过设置定时器，系统会在指定的时间间隔后提醒用户并自动执行保存操作。

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

没什么别的只是想记录一下不喜勿喷！！！

客户提出新需求，报表录入数据的时候每隔段时间页面弹出提示框，计时5秒，5秒后自动保存报表数据。

页面初始化的时候开始计时

//Extjs 定时任务
        var task = {
            run: function () {
                //一小时后需要执行的方法
                var tbar = Ext.getCmp('tbarYearDataReportSpread');
                App.ReportCommon.CountDown(me, tbar, "Y");
            },
            interval: 3600000,//计时一小时（毫秒级）
        };
        var task1 = new Ext.util.TaskRunner();
        task1.start(task);

一小时后执行js的倒计时保存，设置为一秒执行一次，js的这个函数运行完成后需要单独停止一下才可以clearInterval() 不然一直重复循环.

//倒计时  
            var s = 4;
            var timer = window.setInterval(function () {
                if (s < 0) {
                    //关闭弹出框
                    CountDownWindow.close();
                    //停止js计时函数
                    clearInterval(timer);
                    //倒计时完成执行的方法
                    App.ReportCommon.TemporaryReportData(me, tbar, type);
                    //div清空
                    var str = '';
                    $(document.getElementsByName("TimeCount")).html("" + str + "");
                } else {
                    //div赋值
                    var str = '<h4 style="margin-left: 20px;">系统将在<span style="color:red">' + s + '</span>秒后自动保存数据，点击"取消"按钮，放弃保存操作。</h4>';
                    $(document.getElementsByName("TimeCount")).html("" + str + "");
                    s--;
                }
            }, 1000);

效果：