快捷導(dǎo)航

JavaScript setinterval延遲一秒解決方案

更新時間：2021年09月13日 15:12:40 作者：Nanchen_42

這篇文章主要介紹了JavaScript setinterval延遲一秒解決方案,本篇文章通過簡要的案例,講解了該項技術(shù)的了解與使用,以下就是詳細內(nèi)容,需要的朋友可以參考下

當使用setinterval時，發(fā)現(xiàn)它剛打開頁面時會延遲一秒過后在執(zhí)行。因為setinterval定時器先執(zhí)行了自己的一秒鐘，執(zhí)行過后在對里面的內(nèi)容進行操作，這樣就會導(dǎo)致不能立即顯示出來

舉個例子：先創(chuàng)建一個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);

效果如圖：

它的會先執(zhí)行那一秒鐘，等一秒鐘過了然后再執(zhí)行里面顯示的內(nèi)容

解決辦法：

直接調(diào)用

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();

到此這篇關(guān)于JavaScript setinterval延遲一秒解決方案的文章就介紹到這了,更多相關(guān)JavaScript setinterval延遲一秒解決內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！

您可能感興趣的文章:

相關(guān)文章

熱點新聞滾動特效的js代碼
我們在很多大型門戶網(wǎng)站都會有看到有些一熱點新聞都會一直向上滾動，下面我就來給大家推薦一款Javascript中熱點新聞滾動特效代碼，有需要了解的朋友可以參考一下
2013-08-08
JS中bridge的原理與封裝
這篇文章主要介紹了JS中bridge的原理與封裝，文章圍繞主題的相關(guān)資料展開詳細的內(nèi)容介紹，具有一定的參考價值，需要的小伙伴可以參考一下
2022-06-06
JS+canvas五子棋人機對戰(zhàn)實現(xiàn)步驟詳解
這篇文章主要介紹了JS+canvas五子棋人機對戰(zhàn)實現(xiàn)步驟詳解,文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值,需要的朋友可以參考下
2020-06-06
基于Bootstrap3表格插件和分頁插件實例詳解
這篇文章主要介紹了基于Bootstrap3表格插件和分頁插件實例詳解的相關(guān)資料,需要的朋友可以參考下
2016-05-05
Bootstrap modal 多彈窗之疊加顯示不出彈窗問題的解決方案
Bootstrap modal 多彈窗之疊加顯示不出彈窗問題，今天小編抽時間給大家分享下解決方案，需要的朋友參考下
2017-02-02
JavaScript中的常見錯誤與異常處理分析
這篇文章主要為大家信息介紹了JavaScript中的常見錯誤與異常處理的相關(guān)知識,文中的示例代碼講解詳細,感興趣的小伙伴可以跟隨小編一起學習一下
2024-01-01
js中的string.format函數(shù)代碼
js中的string.format函數(shù)代碼，學習js的朋友可以參考下。
2011-07-07
前端實現(xiàn)Excel文件導(dǎo)出功能的完整代碼解析(vue實現(xiàn)excel文件導(dǎo)出)
在Vue中實現(xiàn)導(dǎo)出Excel文件有多種方式,可以通過前端實現(xiàn),也可以通過前后端配合實現(xiàn),下面這篇文章主要給大家介紹了關(guān)于前端實現(xiàn)Excel文件導(dǎo)出功能(vue實現(xiàn)excel文件導(dǎo)出)的相關(guān)資料,需要的朋友可以參考下
2024-05-05
JS當前頁面登錄注冊框,固定DIV,底層陰影的實例代碼
下面小編就為大家?guī)硪黄狫S當前頁面登錄注冊框,固定DIV,底層陰影的實例代碼。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
2016-09-09
JavaScript單鏈表詳解與實現(xiàn)
鏈表是一種數(shù)據(jù)結(jié)構(gòu),用于存儲和組織一系列元素,這些元素以節(jié)點的形式連接在一起,每個節(jié)點包含數(shù)據(jù)和一個指向下一個節(jié)點的引用,鏈表可以分為單鏈表、雙鏈表和循環(huán)鏈表等不同類型,但在本文中,我們將重點關(guān)注單鏈表,需要的朋友可以參考下
2023-09-09