1. 程式人生 > 程式設計 >JavaScript setinterval延遲一秒解決方案

JavaScript setinterval延遲一秒解決方案

當使用setinterval時,發現它剛開啟頁面時會延遲一秒過後在執行。因為setinterval定時器先執行了自己的一秒鐘,執行過後在對裡面的內容QMQDPdxUl進行操作,這樣就會導致不能立即顯示出來

舉個例子:先建立一個div盒子QMQDPdxUl,然後寫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);

效果如圖:

JavaScript setinterval延遲一秒解決方案

它的會先執行那一秒鐘,等一秒鐘過了然後再執行裡面顯示的內容

解決辦法:

www.cppcns.com

直接呼叫

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延遲一秒解決方案

到此這篇關於ScriQMQDPdxUlpt setinterval延遲一秒解決方案的文章就介紹到這了,更多相關 setiwww.cppcns.comnterval延遲一秒解決內容請搜尋我們以前的文章或繼續瀏覽下面的相關文章希望大家以後多多支援我們!