脚本宝典收集整理的这篇文章主要介绍了JavaScript 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延迟一秒解决内容请搜索脚本宝典以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本宝典!
以上是脚本宝典为你收集整理的JavaScript setinterval延迟一秒解决方案全部内容,希望文章能够帮你解决JavaScript setinterval延迟一秒解决方案所遇到的问题。
本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。