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

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

批注:如 赋值代码,请给出源码地址。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张图片。主要是开始,暂停,继续。


 


定时器setInterval 开始、暂停、继续!的更多相关文章

  1. js定时器setInterval()与setTimeout()

    js定时器setInterval()与setTimeout() 1.setTimeout(Expression,DelayTime),在DelayTime过后,将执行一次Expression,setT ...

  2. 定时器 setInterval(‘function()’, 2000)

    <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8&quo ...

  3. Vue中使用定时器setInterval和setTimeout

    js中定时器有两种,一个是循环执行setInterval,另一个是定时执行setTimeout 一.循环执行(setInterval) 顾名思义,循环执行就是设置一个时间间隔,每过一段时间都会执行一次 ...

  4. 定时器( setInterval和 setTimeout)

    一.定时器setInterval-------常用的,反复循环的 <input type="button" value="停止" id="btn ...

  5. vue 使用定时器setInterval

    来自:https://www.jianshu.com/p/180957762852 侵删 beforeMount() { //车辆进出设置定时器,每3秒刷新一次 var self = this; cl ...

  6. Jquery中使用定时器setInterval和setTimeout

    直接在ready中调用其他方法,会提示缺少对象的错误,解决方法如下: 方法1. 函数不在$(function(){....})内,setInterval第一个参数为"showAtuto&qu ...

  7. Javascript 的定时器 setInterval,setTimeout,clearInterval

    今天开通博客.来1个.哇哈哈哈~~ 今天本来想复习BOM的看到定时器也算DOM一种 ?(是这样吗).分享一下 参考源于:八神吻你 http://www.cnblogs.com/lmfeng/archi ...

  8. 定时器setInterval, innerText获取文本, charAt()获取单个字符串, substring(1, content.length)获取范围内的字符串, 实现字符串的滚动效果

    <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8&quo ...

  9. 两种定时器 setInterval(一直执行) setTimeout(只执行一次)

    //第一种 var obj = setInterval(function () { console.log(123); clearInterval(obj) }, 1000); //第二种 var t ...

随机推荐

  1. 关系数据库—SQL学习笔记

    SQL的特点: 综合统一 高度非过程化(存取路径的选择以及SQL的操作过程由系统自动完成) 面向集合的操作方式,以同一种语法结构提供多种使用方法(可以在终端键盘上直接键入SQL命令对数据库进行操作,也 ...

  2. jquery插件——检测DOM元素是否在浏览器可视范围之内

    引言 web应用中有很多地方会用到打点,用来检测用户行为,今天就做了个打点相关的需求,为了统计一个广告给用户的展示次数,每次用户请求完成并且渲染完成之后就算一次成功的展示,其实有时候这个广告还没有在用 ...

  3. broadcasting Theano vs. Numpy

    broadcasting Theano vs. Numpy broadcast mechanism allows a scalar may be added to a matrix, a vector ...

  4. RP

    关键印象 Base note 任务(task):一段代码. 进程(process):程序的实体,一个正在运行中的可执行文件.拥有独立的虚拟内存空间和系统资源,包括端口权限. 线程(thread):进程 ...

  5. python安装、模块安装

    python安装 windows 下载安装包 https://www.python.org/downloads 改环境变量 [右键计算机]-->[属性]-->[高级系统设置]-->[ ...

  6. 写了个项目 Web-Rtmp: 使用 WebSocket 在网页上播放 RTMP 直播流

    http://neue.v2ex.com/t/316766 虽说浏览器里用 js 解码'播放'视频的方案已经有几个了... 为什么不再多一个呢... 基本原理: 服务端使用 websockify 中转 ...

  7. mac电脑http代理服务设置公司内网的相关配置

    哈喽,亲爱的小伙伴们 ,今天给大家分享一下公司内网配置 http代理服务设置及外网访问 ,<这是mac电脑的噢>  ===链接地址我的github项目   https://github.c ...

  8. Spring-----定时任务Quartz配置之手动设置

    一 配置xml如下: <!-- 定时任务配置 --> <bean id="scheduler" class="org.springframework.s ...

  9. redis技巧--IP地址查询对应城市

    场景: 根据IP地址判断用户所在地,虽然网上有好多篇了,但我记录一个一看就懂的,不用看超长文字再自己理解了. 我们有城市和IP地址段的对应关系,如: 上海: 202.127.0.0 ~ 202.127 ...

  10. fineui刷新父页面

    protected override string AfterAddJS() { //TODO 重载这2个函数 可以控制新增和编辑之后执行的JS return AfterSaveJS_ReloadDa ...