JS的clearInterval()不起作用，应该怎么写才对？
期望的结果是：比如输入框输入10次，程序运行十次后取消循环运行。一下是代码：<!DOCTYPEhtml><html><body><inputtype="text"id="...
期望的结果是：
比如 输入框输入10次，程序运行十次后取消循环运行。
一下是代码：
<!DOCTYPE html>
<html>
<body>
<input type="text" id="aa" name="user_name" value="0">
<input type="button" onclick="myrefresh()" value="开始">
<div>
<iframe id="one" src="" width="0" height="0" scrolling="no"></iframe>
<script type="text/javascript">
var one_id = "http://www.baidu.com";
var a = 0;
var txt_obj = document.getElementById("aa");
function myrefresh()
{
a++;
document.getElementById("one").src = one_id;
if (a < txt_obj.value)
{
b = setInterval('myrefresh()',1000);
}else{
alert("已经完成"+a+"次，结束程序");
clearInterval(b);
txt_obj.value = 0;
}
}
</script>
</div>
</body>
</html> 展开
比如 输入框输入10次，程序运行十次后取消循环运行。
一下是代码：
<!DOCTYPE html>
<html>
<body>
<input type="text" id="aa" name="user_name" value="0">
<input type="button" onclick="myrefresh()" value="开始">
<div>
<iframe id="one" src="" width="0" height="0" scrolling="no"></iframe>
<script type="text/javascript">
var one_id = "http://www.baidu.com";
var a = 0;
var txt_obj = document.getElementById("aa");
function myrefresh()
{
a++;
document.getElementById("one").src = one_id;
if (a < txt_obj.value)
{
b = setInterval('myrefresh()',1000);
}else{
alert("已经完成"+a+"次，结束程序");
clearInterval(b);
txt_obj.value = 0;
}
}
</script>
</div>
</body>
</html> 展开
1个回答
展开全部
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>setInterval</title>
</head>
<body>
<input type="text" id="aa" name="user_name" value="4">
<input type="button" onclick="start()" value="开始">
<div id="msg">
<div>
<iframe id="one" src="" width="0" height="0" scrolling="no"></iframe>
<script type="text/javascript">
var one_id = "http://www.baidu.com";
var a = 0;
var b = null;
var txt_obj = document.getElementById("aa");
function myrefresh()
{
a++;
if (a > parseInt(txt_obj.value)){
document.getElementById("msg").innerText ="已经完成"+a+"次，结束程序";
clearInterval(b);
txt_obj.value = 0;
}else{
//刷吧
document.getElementById("msg").innerText = a;
document.getElementById("one").src = one_id;
}
}
function start(){
//周期性执行myrefresh 函数
b = setInterval(myrefresh,1000);
}
</script>
</div>
</body>
</html>
你没有很好的理解setInterval的含义。
可以看下我的相关视频
http://www.chuanke.com/s7193834.html
<html>
<head>
<meta charset="utf-8">
<title>setInterval</title>
</head>
<body>
<input type="text" id="aa" name="user_name" value="4">
<input type="button" onclick="start()" value="开始">
<div id="msg">
<div>
<iframe id="one" src="" width="0" height="0" scrolling="no"></iframe>
<script type="text/javascript">
var one_id = "http://www.baidu.com";
var a = 0;
var b = null;
var txt_obj = document.getElementById("aa");
function myrefresh()
{
a++;
if (a > parseInt(txt_obj.value)){
document.getElementById("msg").innerText ="已经完成"+a+"次，结束程序";
clearInterval(b);
txt_obj.value = 0;
}else{
//刷吧
document.getElementById("msg").innerText = a;
document.getElementById("one").src = one_id;
}
}
function start(){
//周期性执行myrefresh 函数
b = setInterval(myrefresh,1000);
}
</script>
</div>
</body>
</html>
你没有很好的理解setInterval的含义。
可以看下我的相关视频
http://www.chuanke.com/s7193834.html
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
