欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

JavaScript setinterval延遲一秒解決方案

 更新時間:2021年09月13日 15:12:40   作者:Nanchen_42  
這篇文章主要介紹了JavaScript setinterval延遲一秒解決方案,本篇文章通過簡要的案例,講解了該項技術(shù)的了解與使用,以下就是詳細(xì)內(nèi)容,需要的朋友可以參考下

當(dāng)使用setinterval時,發(fā)現(xiàn)它剛打開頁面時會延遲一秒過后在執(zhí)行。因為setinterval定時器先執(zhí)行了自己的一秒鐘,執(zhí)行過后在對里面的內(nèi)容進(jìn)行操作,這樣就會導(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代碼

    熱點新聞滾動特效的js代碼

    我們在很多大型門戶網(wǎng)站都會有看到有些一熱點新聞都會一直向上滾動,下面我就來給大家推薦一款Javascript中熱點新聞滾動特效代碼,有需要了解的朋友可以參考一下
    2013-08-08
  • JS中bridge的原理與封裝

    JS中bridge的原理與封裝

    這篇文章主要介紹了JS中bridge的原理與封裝,文章圍繞主題的相關(guān)資料展開詳細(xì)的內(nèi)容介紹,具有一定的參考價值,需要的小伙伴可以參考一下
    2022-06-06
  • JS+canvas五子棋人機對戰(zhàn)實現(xiàn)步驟詳解

    JS+canvas五子棋人機對戰(zhàn)實現(xiàn)步驟詳解

    這篇文章主要介紹了JS+canvas五子棋人機對戰(zhàn)實現(xiàn)步驟詳解,文中通過示例代碼介紹的非常詳細(xì),對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友可以參考下
    2020-06-06
  • 基于Bootstrap3表格插件和分頁插件實例詳解

    基于Bootstrap3表格插件和分頁插件實例詳解

    這篇文章主要介紹了基于Bootstrap3表格插件和分頁插件實例詳解的相關(guān)資料,需要的朋友可以參考下
    2016-05-05
  • Bootstrap modal 多彈窗之疊加顯示不出彈窗問題的解決方案

    Bootstrap modal 多彈窗之疊加顯示不出彈窗問題的解決方案

    Bootstrap modal 多彈窗之疊加顯示不出彈窗問題,今天小編抽時間給大家分享下解決方案,需要的朋友參考下
    2017-02-02
  • JavaScript中的常見錯誤與異常處理分析

    JavaScript中的常見錯誤與異常處理分析

    這篇文章主要為大家信息介紹了JavaScript中的常見錯誤與異常處理的相關(guān)知識,文中的示例代碼講解詳細(xì),感興趣的小伙伴可以跟隨小編一起學(xué)習(xí)一下
    2024-01-01
  • js中的string.format函數(shù)代碼

    js中的string.format函數(shù)代碼

    js中的string.format函數(shù)代碼,學(xué)習(xí)js的朋友可以參考下。
    2011-07-07
  • 前端實現(xiàn)Excel文件導(dǎo)出功能的完整代碼解析(vue實現(xiàn)excel文件導(dǎo)出)

    前端實現(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當(dāng)前頁面登錄注冊框,固定DIV,底層陰影的實例代碼

    JS當(dāng)前頁面登錄注冊框,固定DIV,底層陰影的實例代碼

    下面小編就為大家?guī)硪黄狫S當(dāng)前頁面登錄注冊框,固定DIV,底層陰影的實例代碼。小編覺得挺不錯的,現(xiàn)在就分享給大家,也給大家做個參考。一起跟隨小編過來看看吧
    2016-09-09
  • JavaScript單鏈表詳解與實現(xiàn)

    JavaScript單鏈表詳解與實現(xiàn)

    鏈表是一種數(shù)據(jù)結(jié)構(gòu),用于存儲和組織一系列元素,這些元素以節(jié)點的形式連接在一起,每個節(jié)點包含數(shù)據(jù)和一個指向下一個節(jié)點的引用,鏈表可以分為單鏈表、雙鏈表和循環(huán)鏈表等不同類型,但在本文中,我們將重點關(guān)注單鏈表,需要的朋友可以參考下
    2023-09-09

最新評論