JavaScript setinterval延遲一秒解決方案

Posted on by

當使用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延遲一秒解決內容請搜索WalkonNet以前的文章或繼續瀏覽下面的相關文章希望大傢以後多多支持WalkonNet！

推薦閱讀：