js中clearInterval()函数这样写无效，为什么？，求指教！
<html><head><title>Inserttitlehere</title><!--导入两个js文件--><scripttype="text/javascript...
<html>
<head>
<title>Insert title here</title>
<!-- 导入两个js文件 -->
<script type="text/javascript" src="js/jquery-1.8.0.min.js"></script>
<script type="text/javascript" src="js/jquery.animate-colors.js"></script>
<script>
var intt = setInterval("changeCo()", 50)
function changeCo(){
$('#in1').animate({'backgroundColor' : '#FFFFCC'}, 1000);
$('#in1').animate({'backgroundColor' : '#FF0000'}, 1000);
}
function clearIntervalll(){
clearInterval(intt);//为什么此处无效，不能终止intt
}
var timeint=setInterval("clock1()", 50);
function clock1(){
var time=new Date();
var localTime=time.toLocaleTimeString();
document.getElementById("s1").innerHTML=localTime;
}
function closeTimeInt(){
clearInterval(timeint); //此处可终止timeint
}
</script>
</head>
<body style="background-color: pink">
<input type="text" id="in1" value="颜色渐变的value" style="background-color: red"/>
<br/>
<button onclick="clearIntervalll()">停止变色</button>
<p></p>
<span id="s1">zzz</span>
<br/>
<button onclick="closeTimeInt()">停止时间</button>
</body>
</html> 展开
<head>
<title>Insert title here</title>
<!-- 导入两个js文件 -->
<script type="text/javascript" src="js/jquery-1.8.0.min.js"></script>
<script type="text/javascript" src="js/jquery.animate-colors.js"></script>
<script>
var intt = setInterval("changeCo()", 50)
function changeCo(){
$('#in1').animate({'backgroundColor' : '#FFFFCC'}, 1000);
$('#in1').animate({'backgroundColor' : '#FF0000'}, 1000);
}
function clearIntervalll(){
clearInterval(intt);//为什么此处无效，不能终止intt
}
var timeint=setInterval("clock1()", 50);
function clock1(){
var time=new Date();
var localTime=time.toLocaleTimeString();
document.getElementById("s1").innerHTML=localTime;
}
function closeTimeInt(){
clearInterval(timeint); //此处可终止timeint
}
</script>
</head>
<body style="background-color: pink">
<input type="text" id="in1" value="颜色渐变的value" style="background-color: red"/>
<br/>
<button onclick="clearIntervalll()">停止变色</button>
<p></p>
<span id="s1">zzz</span>
<br/>
<button onclick="closeTimeInt()">停止时间</button>
</body>
</html> 展开
1个回答
展开全部
" clearInterval(intt);//为什么此处无效，不能终止intt "
这不是这个方法的错误,是你的循环变色就没开始变吧，你上面的
var intt = setInterval("changeCo()", 50)石油问题的，你可以看一下这个方法的是不是有问题的，再一个，要不是$('#in1').animate({'backgroundColor' : '#FFFFCC'}, 1000);这个写法有问题？;试一下这样的写法吧，
setInterval(function(){
$('#in1').animate({'backgroundColor' : '#FFFFCC'}, 1000);
setTimeout(function() { $('#in1').animate({'backgroundColor' : '#FF0000'}, 1000);},1000);},1000)
这不是这个方法的错误,是你的循环变色就没开始变吧，你上面的
var intt = setInterval("changeCo()", 50)石油问题的，你可以看一下这个方法的是不是有问题的，再一个，要不是$('#in1').animate({'backgroundColor' : '#FFFFCC'}, 1000);这个写法有问题？;试一下这样的写法吧，
setInterval(function(){
$('#in1').animate({'backgroundColor' : '#FFFFCC'}, 1000);
setTimeout(function() { $('#in1').animate({'backgroundColor' : '#FF0000'}, 1000);},1000);},1000)
更多追问追答
追问
你好，var intt = setInterval("changeCo()", 50)，这个方法是没问题的，打开页面之后，颜色是可用循环着变化的，就是不能用clearInterval()来结束，但是那个显示时间的方法就可用用clearinterval来结束，这点不明白，方便的话你可用直接用html运行一下看看效果
追答
我试过了，不过我不是弄的变色而是显示和隐藏，可以停止掉
本回答由网友推荐
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
