javascript的一个关于循环执行的有关问题
日期：2014-05-16 浏览次数：20673 次
javascript的一个关于循环执行的问题
我想知道为什么把注释的部分加上代码就有问题了，我是想在页面不断的显示5 4 3 2 1 0 5 4 3 2 1 0 5 4 3.....有大侠
------解决方案--------------------
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title></title>
<script type="text/javascript">
var i=5;
function Load(){
doUpdate(5);
}
function doUpdate(num){
document.getElementById('showDiv').innerHTML = '<h2>'+num+'...</h3>';
window.setTimeout(function(){doUpdate(i)},(5-i)*1000);
i=i-1;
if(i==0){
i=5;
}
}
</script>
</head>
<body>
<script>
window.setTimeout("Load()",1000);
</script>
<div id="showDiv"></div>
</body>
</html>
这样试试
------解决方案--------------------
- HTML code
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title></title>
<script type="text/javascript">
var secs = 5;
function Load(){
for(var i=secs;i>=0;i--)
{
//if(parseInt(i)==0){
//i=5;
//}else{
window.setTimeout('doUpdate('+i+')', (secs-i) * 1000);
// }
}
}
function doUpdate(num){
document.getElementById('showDiv').innerHTML = '<h2>'+num+'...</h3>';
}
</script>
</head>
<body>
<script>
window.setTimeout("Load()",1000);
</script>
<div id="showDiv"></div>
</body>
</html>
我想知道为什么把注释的部分加上代码就有问题了，我是想在页面不断的显示5 4 3 2 1 0 5 4 3 2 1 0 5 4 3.....有大侠
------解决方案--------------------
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title></title>
<script type="text/javascript">
var i=5;
function Load(){
doUpdate(5);
}
function doUpdate(num){
document.getElementById('showDiv').innerHTML = '<h2>'+num+'...</h3>';
window.setTimeout(function(){doUpdate(i)},(5-i)*1000);
i=i-1;
if(i==0){
i=5;
}
}
</script>
</head>
<body>
<script>
window.setTimeout("Load()",1000);
</script>
<div id="showDiv"></div>
</body>
</html>
这样试试
------解决方案--------------------
- JScript code
<script type="text/javascript">
var secs = 5;
function Load(){
for(var i=secs;i>=-1;i--)
{
//if(parseInt(i)==0){
//i=5;
//}else{
window.setTimeout('doUpdate('+i+')', (secs-i) * 1000);
// }
}
}
function doUpdate(num){
document.getElementById('showDiv').innerHTML = '<h2>'+num+'...</h3>';
if(num<0){ Load(); }
}
</script>
------解决方案--------------------
用递归
------解决方案--------------------
你再仔细看下你注释的那串代码，for的条件永远为真，死循环了。。
如果只是不断的输出倒计时。下面的就够用了
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title></title>
</head>
<body>
<div id="showDiv"></div>
<script>
var secs = 5;
function Load(){
if(secs == 0){
secs = 5;
}else{
secs--;
}
doUpdate(secs);
免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
