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中常用的数组操作方法
• 深入浅出探究JavaScript中的async与await
• JavaScript实现经典贪吃蛇游戏
• Javascript基础知识中关于内置对象的知识
• JavaScript 运行机制详解再浅谈Event Loop
• Python 协程与 JavaScript 协程的对比
• javascript实现鼠标拖尾特效
• JavaScript实现简单拖拽效果
• JavaScript 数组去重详解
• JavaScript实现飞机大战游戏
• JavaScript 上传文件限制参数案例详解
• 简单谈谈JavaScript变量提升
• 深入理解JavaScript的事件执行机制
• 8个工程必备的JavaScript代码片段

本文由 华域联盟 原创撰写：华域联盟 » JavaScript setinterval延迟一秒解决方案

转载请保留出处和原文链接：https://www.cnhackhy.com/81505.htm