javascript - 学习js遇到的一个小问题
PHP中文网
PHP中文网 2017-04-11 11:18:36
[JavaScript讨论组]
window.onload=function(){
    function test(){
        var flag=true;
        var timer=null;
        timer=setInterval(function(){
            for(var i=0;i<=8;i++){
                document.getElementById('box').innerHTML+="------"+i+'---------'+'
'; if(i != 8){ //8不等于8 执行 导致定时器关闭不了 flag=false; } if(flag){ clearInterval(timer); console.log('执行到了'); } document.getElementById('box').innerHTML+=i+'---'+flag+'
'; } },300); } test(); }

为什么会出现这种问题?按理说8会等于8,不会执行flag=false; 于是false为true,关闭定时器,可是结果恰好相反

PHP中文网
PHP中文网

认证0级讲师

全部回复(2)
ringa_lee

你每次进入循环检测i是不是8,i不是8那么就把flag设置为false,那么请问i等于8的时候,你得把flag设置回true的代码在哪?

i为8的时候,flag的值还是i为7时候的false

    window.onload=function(){

        function test(){
            var flag=true;
            var timer=null;
            timer=setInterval(function(){
                for(var i=0;i<=8;i++){
                    document.getElementById('box').innerHTML+="------"+i+'---------'+'<br>';
                    if(i != 8){         //8不等于8 执行 导致定时器关闭不了
                        flag=false;
                    }else{
                        flag=true;
                    }
                    if(flag){
                        clearInterval(timer);
                        console.log('执行到了');
                    }
                    document.getElementById('box').innerHTML+=i+'---'+flag+'<br>';
                }
            },300);
        }
        test();
    }
天蓬老师

当i等于0时,flag的值就已经被改为flase了,以后循环,flag一直是flase

window.onload=function(){
function test(){
    var flag=true;
    var timer=null;
    timer=setInterval(function(){
        for(var i=0;i<=8;i++){
            document.getElementById('box').innerHTML+="------"+i+'---------'+'<br>';
            if(i != 8){         //8不等于8 执行 导致定时器关闭不了
                flag=false;
            }
            else{
                flag=true;
            }
            if(flag){
                clearInterval(timer);
                console.log('执行到了');
            }
            document.getElementById('box').innerHTML+=i+'---'+flag+'<br>';
        }
    },300);
}
test();
}
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送

Copyright 2014-2026 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号