定时器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张图片。主要是开始,暂停,继续。



定时器setInterval 开始、暂停、继续!的更多相关文章
- js定时器setInterval()与setTimeout()
js定时器setInterval()与setTimeout() 1.setTimeout(Expression,DelayTime),在DelayTime过后,将执行一次Expression,setT ...
- 定时器 setInterval(‘function()’, 2000)
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8&quo ...
- Vue中使用定时器setInterval和setTimeout
js中定时器有两种,一个是循环执行setInterval,另一个是定时执行setTimeout 一.循环执行(setInterval) 顾名思义,循环执行就是设置一个时间间隔,每过一段时间都会执行一次 ...
- 定时器( setInterval和 setTimeout)
一.定时器setInterval-------常用的,反复循环的 <input type="button" value="停止" id="btn ...
- vue 使用定时器setInterval
来自:https://www.jianshu.com/p/180957762852 侵删 beforeMount() { //车辆进出设置定时器,每3秒刷新一次 var self = this; cl ...
- Jquery中使用定时器setInterval和setTimeout
直接在ready中调用其他方法,会提示缺少对象的错误,解决方法如下: 方法1. 函数不在$(function(){....})内,setInterval第一个参数为"showAtuto&qu ...
- Javascript 的定时器 setInterval,setTimeout,clearInterval
今天开通博客.来1个.哇哈哈哈~~ 今天本来想复习BOM的看到定时器也算DOM一种 ?(是这样吗).分享一下 参考源于:八神吻你 http://www.cnblogs.com/lmfeng/archi ...
- 定时器setInterval, innerText获取文本, charAt()获取单个字符串, substring(1, content.length)获取范围内的字符串, 实现字符串的滚动效果
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8&quo ...
- 两种定时器 setInterval(一直执行) setTimeout(只执行一次)
//第一种 var obj = setInterval(function () { console.log(123); clearInterval(obj) }, 1000); //第二种 var t ...
随机推荐
- Android Studio导入项目遇到的问题
[ Failed to resolve: com.afollestad:material-dialogs:0.7.5.5] 解决办法: 1.打开app目录下的build.gradle文件,然后在and ...
- 事件DOMContentLoaded和load的区别
1.当 onload 事件触发时,页面上所有的DOM,样式表,脚本,图片,flash都已经加载完成了. 2.当 DOMContentLoaded 事件触发时,仅当DOM加载完成,不包括样式表,图片,f ...
- js 正则表达式 ( 1 )
https://regexper.com/ 量词: ?: 最多一次(0次或者1次) +:至少一次(大于等于1次) *:大于等于0次 {n}:n次 {n,m}:n次到m次之间,包括n,m {n,}:n次 ...
- 解决Linux下启动Tomcat遇到Neither the JAVA_HOME nor the JRE_HOME environment variable is defined
找到启动路径所在的目录: cd bin/ vi catalina.sh 加入以下信息: export JAVA_HOME=/home/gongzi/http/jdk1.6.0_26 export JR ...
- eclipse使用sublime配色(转)
转自 Eclipse设置类似Sublime Text 编辑区皮肤,风格,颜色 1.首先打开eclipse 2.help -> Install New SoftWare 3.点击 Add 在Na ...
- CPU阿甘之烦恼
转自“码农翻身”公共号,原文地址CPU阿甘之烦恼 总结:(程序加载到内存运行的演变过程) 内存存放程序.OS负责加载程序到内存.CPU负责运行内存中的程序 1.串行:加载一个完整程序到内存,CPU运行 ...
- JVM内存垃圾回收方法
1.概述 1.1.为什么要回收? 如果不进行垃圾回收,内存迟早都会被消耗空,因为我们在不断地分配内存空间而不进行回收.除非内存无限大,我们可以任性地分配而不回收,但是事实并非如此.所以,垃圾回收是必须 ...
- Java学习笔记-Math类
并非所有的类都需要main方法.Math类和JOptionPane类都没有main方法.这些类中所包含的方法主要是为了供其他类使用. package welcome; public class Tes ...
- JavaScript葵花宝典之闭包
闭包,写过JS脚本的人对这个词一定不陌生,都说闭包是JS中最奇幻的一个知识点, 虽然在工作中,项目里经常都会用到~ 但是是不是你已经真正的对它足够的了解~~ 又或者是你代码中出现的闭包,并不是你刻 ...
- Ajax详解
一:什么是Ajax AJAX = Asynchronous JavaScript and XML(异步的 JavaScript 和 XML). AJAX 不是新的编程语言,而是一种使用现有标准的新方法 ...