JavaScript中setinterval延迟一秒怎么办

这篇文章将为大家详细讲解有关JavaScript中setinterval延迟一秒怎么办，小编觉得挺实用的，因此分享给大家做个参考，希望大家阅读完这篇文章后可以有所收获。

当使用setinterval时，发现它刚打开页面时会延迟一秒过后在执行。因为setinterval定时器先执行了自己的一秒钟，执行过后在对里面的内容进行操作，这样就会导致不能立即显示出来

举个例子：先创建一个div盒子，然后写script代码

var div = document.querySelector('div');                        var num = 10;                        setInterval(function(){                                if(num==1){                                        div[xss_clean] = null;                                        return fn1;                                }else{                                        num--;                                        div[xss_clean] = '还剩'+num+'秒';                                }                        },1000);

效果如图：

它的会先执行那一秒钟，等一秒钟过了然后再执行里面显示的内容

解决办法：

直接调用

var div = document.querySelector('div');                        var num = 11;                        function fn1(){                                if(num==1){                                        div[xss_clean] = null;                                        return fn1;                                }else{                                        num--;                                        div[xss_clean] = '还剩'+num+'秒';                                }                        }                        setInterval(fn1,1000);                        fn1();

关于"JavaScript中setinterval延迟一秒怎么办"这篇文章就分享到这里了，希望以上内容可以对大家有一定的帮助，使各位可以学到更多知识，如果觉得文章不错，请把它分享出去让更多的人看到。