JavaScript setinterval延迟一秒解决方案

编辑: admin 分类: javascript 发布时间: 2021-11-20 来源:互联网

当使用setinterval时,发现它刚打开页面时会延迟一秒过后在执行。因为防cc攻击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();

到此这篇防cc攻击关于JavaScript setinterval延迟一秒解决方案的文章就介绍到这了,更多相关JavaScript setinterval延迟一秒解决内容请搜高防服务器索hwidc以前的文章或继续浏览下面的相关文美国高防服务器章希望大家以后多多支持hwidc!