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

JavaScript setinterval延遲一秒解決方案

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

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

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

效果如圖：

它的會(huì)先執(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)文章

  • 熱點(diǎn)新聞滾動(dòng)特效的js代碼

    熱點(diǎn)新聞滾動(dòng)特效的js代碼

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

    JS中bridge的原理與封裝

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

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

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

    基于Bootstrap3表格插件和分頁插件實(shí)例詳解

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

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

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

    JavaScript中的常見錯(cuò)誤與異常處理分析

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

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

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

    前端實(shí)現(xiàn)Excel文件導(dǎo)出功能的完整代碼解析(vue實(shí)現(xiàn)excel文件導(dǎo)出)

    在Vue中實(shí)現(xiàn)導(dǎo)出Excel文件有多種方式,可以通過前端實(shí)現(xiàn),也可以通過前后端配合實(shí)現(xiàn),下面這篇文章主要給大家介紹了關(guān)于前端實(shí)現(xiàn)Excel文件導(dǎo)出功能(vue實(shí)現(xiàn)excel文件導(dǎo)出)的相關(guān)資料,需要的朋友可以參考下
    2024-05-05
  • JS當(dāng)前頁面登錄注冊框,固定DIV,底層陰影的實(shí)例代碼

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

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

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

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

最新評論