• 定时器setInterval 开始、暂停、继续!


    活不多说,最近写这个定时器,,遇到了一些问题。然后上网百度。避免以后朋友遇到类似问题。贴出代码。。。。

    最主要就是定义全局变量。 下面重要的我红色 标注出来。

    批注:如 赋值代码,请给出源码地址。O(∩_∩)O谢谢。。。。

    这是主要js方法。

     var timeoutrun = {
                timer: null, //全局变量,暂停用。
                j: 0, //全局变量 继续用。
                MyAutoRun: function (data, areanum) { //开始方法
                    var timenum = data.length / areanum; //总数 /区域= 时间次数
                    var j = timeoutrun.j;
                    timeoutrun.timer = setInterval(function () {
                        if (j < timenum) {
                            var WrwArrary = new Array();
                            var array1 = new Array();
                            var tempString = "";
                            for (var i = j * areanum; i <= (j + 1) * areanum - 1; i++) {
                                var obj = {};
                                obj.stcode = data[i].stcode;
                                obj.stname = data[i].stname;
                                obj.area = data[i].area;
                                obj.areacode = data[i].areacode;
                                obj.item_code = data[i].item_code;
                                obj.DT = data[i].DT;
                                obj.p_pfl = data[i].p_pfl;
                                obj.p_level = data[i].p_level;
                                WrwArrary.push(obj);
                            }
                            $("#txt_nowTime").attr("value", WrwArrary[0]['DT']);
                            parent.parent.njgis.setStyleforArea(WrwArrary);
                            j++
                            timeoutrun.j = j; //记录次数 继续。
                        } else {
                            timeoutrun.j = 0; //主要是让 开始重新继续。
                        }
                    }, 2000);
                }, MyAutoRunSuspend: function () { //暂停方法
                    clearInterval(timeoutrun.timer); 
                }
            }
    

    下面是用法----------------------------------------------------------------------------------------------------------------------

      SuspendEvent: function (panelId, areanum) {//暂停继续切换 事件
                    if (Event.isFlag == 1) { //已经定义了 isFlag全局变量,主要让图片 按钮来回切换
                        Event.isFlag = 2;
                        $('#suspend span:last').html('继续');
                        $('#suspend span:last').attr("class", 'l-btn-text ico_begin l-btn-icon-left');
                        timeoutrun.MyAutoRunSuspend(); //调取时间 和 渲染
                        $('#stateShow img').attr("src", '../image/suspend.gif');
                    } else {
                        Event.isFlag = 1;
                        $('#suspend span:last').html('暂停');
                        $('#suspend span:last').attr("class", 'l-btn-text ico_stop l-btn-icon-left');
                        timeoutrun.MyAutoRun(data1, areanum); //调取时间 和 渲染  继续是再调用开始方法。
                        $('#stateShow img').attr("src", '../image/loading.gif');
                    }
    
                }
    

    实现之后。

    1-3张图片。主要是开始,暂停,继续。


     


  • 相关阅读:
    jQuery简单入门
    JSON
    AJAX入门2
    一些专业网站(目前包括:粒子滤波,随机集) Hanson
    命名空间 访问权限 通讯录及工资结算系统实例
    js去空格与计算字符串长度
    关于session配置的问题Warning: session_start() [function.sessionstart]:
    淘宝跳失率
    连接mysql数据库之后的“分页”问题
    数据库 基础知识(3
  • 原文地址:https://www.cnblogs.com/blue123/p/5715295.html
Copyright © 2020-2023  润新知