js定時(shí)器出現(xiàn)第一次延遲的原因及解決方法
我們在使用js定時(shí)器，經(jīng)常會出現(xiàn)間隔幾秒獲取一次數(shù)據(jù)，這是通過setInterval實(shí)現(xiàn)的。而且如果setInterval() 參數(shù)傳遞不當(dāng)，定時(shí)器會延遲試行。本文向大家介紹js定時(shí)器第一次延遲的原理及實(shí)現(xiàn)過程。
setInterval()
作用是在播放動(dòng)畫的時(shí)，每隔一定時(shí)間就調(diào)用函數(shù)、方法或?qū)ο蟆?/p>
語法
setInterval(function(),time); 單位是毫秒
注意：單位是毫秒
定時(shí)器第一次延遲執(zhí)行：采用setInterval實(shí)現(xiàn)
var t = setInterval(scrollTop,2500);
function scrollTop(){
// ...
}
js setInterval第一次執(zhí)行時(shí)存在延遲的解決方法
在使用setInterbal（function,delayTime）方法時(shí)，發(fā)現(xiàn)它會為函數(shù)的第一次調(diào)用也做延遲。一般我們都是第一次立即調(diào)用，然后延遲調(diào)用。我的解決方法如下：
需要延遲調(diào)用的函數(shù)：
function callinSound(){
var callin=$('#callin')[0];
callin.load();
callin.play();
//第一次執(zhí)行完成后返回這個(gè)函數(shù)
return callinSound;
}
調(diào)用方：setInterval(callinSound(),6000);
首先，調(diào)用callinSound（）方法，然后延遲執(zhí)行。
到此這篇關(guān)于js定時(shí)器出現(xiàn)第一次延遲的原因及解決方法的文章就介紹到這了,更多相關(guān)js定時(shí)器為什么會出現(xiàn)第一次延遲內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！
相關(guān)文章
在項(xiàng)目開發(fā)過程中遇到一個(gè)需要從小程序上傳圖片的需求,此需求實(shí)現(xiàn)起來并不難,下面這篇文章主要給大家介紹了關(guān)于微信小程序開發(fā)指南之圖片壓縮解決方案的相關(guān)資料,文中通過實(shí)例代碼介紹的非常詳細(xì),需要的朋友可以參考下2022-08-08
利用NodeJS和PhantomJS抓取網(wǎng)站頁面信息以及網(wǎng)站截圖
這篇文章主要介紹了利用NodeJS和PhantomJS抓取網(wǎng)站頁面信息以及網(wǎng)站截圖的方法，提供實(shí)例代碼供大家參考2013-11-11
javascript實(shí)現(xiàn)點(diǎn)擊小圖顯示大圖
這篇文章主要為大家詳細(xì)介紹了javascript實(shí)現(xiàn)點(diǎn)擊小圖顯示大圖，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2020-11-11
ajax跨域調(diào)用webservice的實(shí)現(xiàn)代碼
這篇文章主要介紹了 ajax跨域調(diào)用webservice服務(wù)例子和理解，最近ajax訪問webservice遇到跨域的問題，網(wǎng)上搜索資料，總結(jié)如下2016-05-05
JavaScript中防止微信瀏覽器被整體拖動(dòng)的方法
這篇文章主要介紹了JavaScript中防止微信瀏覽器被整體拖動(dòng)的方法,需要的朋友可以參考下2017-08-08
我們經(jīng)常使用 window.onload 來處理頁面，當(dāng)頁面加載完成做一些事情。但這個(gè) window.onload 是頁面全部加載完成，甚至包括圖片，而我們實(shí)際上經(jīng)常需要的是文檔 DOM 加載完畢！2009-07-07
完美實(shí)現(xiàn)js焦點(diǎn)輪播效果(一)
這篇文章主要為大家詳細(xì)介紹了完美實(shí)現(xiàn)js焦點(diǎn)輪播效果的相關(guān)代碼，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2017-03-03
uni-app常用的幾種頁面跳轉(zhuǎn)方式總結(jié)
uni-app的頁面跳轉(zhuǎn)和小程序和vue很相似,只是方法和標(biāo)簽有所不同,這篇文章主要給大家介紹了關(guān)于uni-app常用的幾種頁面跳轉(zhuǎn)方式,文中通過實(shí)例代碼介紹的非常詳細(xì),需要的朋友可以參考下2022-08-08
微信小程序?qū)崿F(xiàn)點(diǎn)擊按鈕修改文字大小功能【附demo源碼下載】
這篇文章主要介紹了微信小程序?qū)崿F(xiàn)點(diǎn)擊按鈕修改文字大小功能,涉及微信小程序事件綁定及setData動(dòng)態(tài)修改Page頁面data數(shù)據(jù),進(jìn)而控制頁面元素屬性動(dòng)態(tài)改變的相關(guān)操作技巧,需要的朋友可以參考下2017-12-12
讓多個(gè)異步任務(wù)按照我們的想法執(zhí)行，是開發(fā)中常見的需求，今天我們就來捋一下，如何讓多個(gè)異步任務(wù)并行，串行，以及并行串行相結(jié)合，感興趣的朋友跟隨小編一起看看吧2023-10-10