jsp js ajax-关于setInterval启动但clearInterval不能停止的问题

问题描述

关于setInterval启动但clearInterval不能停止的问题

function setTimer(){
var spanId;
<%
//startRecord
//endRecord
c = startRecord+1;
while(c<=endRecord+1){
%>
spanId = 'num<%=c%>';
if(document.getElementById(spanId)){
if('' == $.trim(document.getElementById(spanId).innerHTML)){
time<%=c%> = setInterval("getRandNum('<%=c%>')",10);
}
}
<%
c++;
}
%>
//time1 = setInterval("getRandNum(num1)",10);
document.getElementById("start").disabled = true;
document.getElementById("end").disabled = false;
}

function ct1(showSpan){////////////////////////////////////////////////////////////////
var divname = 'num'+showSpan;

if(document.getElementById(divname)){
//alert('1');
$.ajax({
type: "POST",
url: "setAction.jsp",
data: {ac:'getRndNumAndSetOrder',rndOrder:showSpan},
beforeSend:function(XMLHttpRequest){
//alert('before');
},
success: function(msg){
//alert($.trim(msg));
if('' != $.trim(msg)){
clearInterval('time'+showSpan);
document.getElementById(divname).innerHTML = $.trim(msg);
}
},
complete:function(XMLHttpRequest,textStatus){
//alert('complete');
},
failure:function (result) {

//alert('Failed');

}
});
}
//alert('2');
}
function ct(){
<%
c = startRecord+1;
while(c<=endRecord+1){
%>
ct1('<%=c%>');
<%
c++;
}
%>
}
在按一个按钮使setInterval启动,但是按另一个按钮后clearInterval不能停止。

我是一个大学刚毕业的新人,也是第一次来提问,所以可能没有C币用来悬赏,抱歉。

解决方案

F12模式调试下,打印下日志,看看clearInterval是否真的没执行。
你的setInterval和clearInterval不是在同一个线程中,clearInterval是在ajax请求异步成功返回后进行的,不知道这样会不会有影响。

时间: 2024-09-11 18:52:49

jsp js ajax-关于setInterval启动但clearInterval不能停止的问题的相关文章

jsp使用ajax加载子页面,使用ajax提交子页面的表单没反应,提交按钮点击不了

问题描述 jsp使用ajax加载子页面,使用ajax提交子页面的表单没反应,提交按钮点击不了 子页面相关js代码如下: $(function(){ $("#chaxun_btn").click(function(){ var rightitem=$("#chaxun_btn").parent("right-item"); var url=$("#chaxun_btn").attr("url"); $.aja

基于jsp的AJAX多文件上传的实例_JSP编程

最近的项目开发中,遇到了一个多文件上传的问题,即在不刷新页面的情况下,上传多个文件至服务器.现总结分享如下: 本文主要采用了基于jsp的ajax,jquery,servlet等技术. 1.upload.jsp 点击上传时,调用对应的fileupload函数,通过ajax将文件异步传送到servlet中处理.注意在文件上载时,所使用的编码类型应当是"multipart/form-data",它既可以发送文本数据,也支持二进制数据上载. <%@ page language="

js ajax 解决浏览器的【前进】【后退】按钮失效问题

本文章提供的教程是一款js ajax 解决浏览器的[前进][后退]按钮失效问题哦,在ajax开发中,前进后退网页是一个难题,现在我们提供一个完整理的解决方案来处理此事情. <!doctype html public "-//w3c//dtd html 4.0 transitional//en"> <html> <head> <title>new document</title> </head> <body&g

Js AJAX call code behind Web Method

Js AJAX call web method Js : $.ajax({ type: "POST", url: "CustomerPersonalDetails.aspx/SearchAddress", data: "{ 'searchParam': 'abc' }", contentType: "application/json; charset=utf-8", dataType: "json", as

JS仿Windows开机启动Loading进度条的方法

 这篇文章主要介绍了JS仿Windows开机启动Loading进度条的方法,实例分析了javascript操作html元素及对应样式实现特效的技巧,具有一定参考借鉴价值,需要的朋友可以参考下     本文实例讲述了JS仿Windows开机启动Loading进度条的方法.分享给大家供大家参考.具体实现方法如下:   代码如下: <html> <title>JS仿Windows开机启动的Loading进度条</title> </head> <body st

简单的前端js+ajax 购物车框架(入门篇)_javascript技巧

今天在公司实在没有事做,突然就想到写下商城的购物车的前端框架,当然我这里只有购物车的增删改查,也许写的并不是那么完善,但最重要的是一个入门,也希望js达人给些建议,好让我更上一个台阶. HOHO~~~开始咯: Js: 复制代码 代码如下: //为了省事,就没写自己的js ajax了 用了jquery的,当然你也可以添加到jquery的扩展方法内,哈哈,我太懒了,所以就写这里了. var _$ = { AJAX: function (urlparm, d, beforecall, successc

js+ajax实现获取文件大小的方法_javascript技巧

本文实例讲述了js+ajax实现获取文件大小的方法.分享给大家供大家参考,具体如下: 顾名思义,通过JS和Ajax来获取上传文件的大小,在上传之前可以有个判断,对上传的文件有所控制,因为js控制文件大小(JS获取文件大小)有些问题,具体大家试下就知道了,在此整理了一下ajax的获取文件大小的方法,比较好用,再调试过程中,出现了c:/fakepath/ 的错误,也将解决方案罗列在下面,以供大家参考 废话少说,代码如下 JS如下: <script language="Jscript"

jsp实现 AJAX 跨域代理

jsp实现 AJAX 跨域代理2008-04-17 17:39 http://hi.baidu.com/afeiecho/blog/item/6afe39ec878946382697918f.html proxy.jsp: <%@ page import="java.net.*,java.util.*,java.lang.*,java.io.*"%><%@ page contentType="text/xml;charset=gb2312"%>

js ajax传递的对象中有数组后台怎么接收

问题描述 js ajax传递的对象中有数组后台怎么接收 {t1:'aa',t2:['a','b']} 我用jquery ajax向后台传对象,对象里面有数组,在后台怎么正确接收数组. 解决方案 spring mvc 接收ajax传递来的数组对象 解决方案二: 什么语言?找你使用的服务器端语言,一般都有对应的json反序列化对象,如asp.net的json.net {}对应类,[]对应数组 解决方案三: 接收整个json之后取出t2,然后强转为数组 解决方案四: 得看用什么方式把字符串转为对象.g