您当前的位置:首页 > 网站建设 > javascript
| php | asp | css | H5 | javascript | Mysql | Dreamweaver | Delphi | 网站维护 | 帝国cms | React | 考试系统 | ajax |

JavaScript setinterval延迟一秒解决方案

51自学网 2022-05-02 21:31:42
  javascript

当使用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延迟一秒解决内容请搜索wanshiok.com以前的文章或继续浏览下面的相关文章希望大家以后多多支持wanshiok.com!


vue 使用OSS上传图片或附件讲解
前端框架Vue父子组件数据双向绑定的实现
51自学网,即我要自学网,自学EXCEL、自学PS、自学CAD、自学C语言、自学css3实例,是一个通过网络自主学习工作技能的自学平台,网友喜欢的软件自学网站。
京ICP备13026421号-1