如何将JavaScript的setInterval延迟一秒改写成长尾？

本文共计282个文字，预计阅读时间需要2分钟。

当使用`setInterval`时，若页面刚打开时会延迟一秒执行。这是由于`setInterval`定时器在执行自己的第一秒后，才会对页面内容进行操作。这样会导致内容不能立即显示出来。

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

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

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

效果如图：

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

解决办法：

直接调用

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

到此这篇关于JavaScript setinterval延迟一秒解决方案的文章就介绍到这了,更多相关JavaScript setinterval延迟一秒解决内容请搜索自由互联以前的文章或继续浏览下面的相关文章希望大家以后多多支持自由互联！