廢話不多說了，直接給大家貼代碼了。

下面給大家介紹下javascript定時(shí)器使用

使用定時(shí)器實(shí)現(xiàn)JavaScript的延期執(zhí)行或重復(fù)執(zhí)行 window對(duì)象提供了兩個(gè)方法來實(shí)現(xiàn)定時(shí)器的效果，分別是

window.setTimeout()和window.setInterval。其中前者可以使一段代碼在指定時(shí)間后運(yùn)行；而后者則可以使一段代碼每過指定時(shí)間就運(yùn)行一次。 它們的原型如下：

window.setTimeout(expression,milliseconds); window.setInterval(expression,milliseconds);

其中expression可以是字符串，也可以是函數(shù)名。是字符串的時(shí)候可以帶參數(shù)，函數(shù)名不能帶參數(shù)，如果帶上參數(shù)就直接執(zhí)行函數(shù)了，不會(huì)延時(shí)。

第一種情況是函數(shù)名，但是帶不了參數(shù)

第二種情況是字符串，可執(zhí)行的js代碼，可以帶參數(shù)，但是性能上比函數(shù)名差

第三種是調(diào)用函數(shù)，直接執(zhí)行

所以如果想要穿參數(shù)，但是又不想通過字符串的形式調(diào)用，可以自己來寫一個(gè)方法：

一、setTimeout

指隔200ms后,定時(shí)器代碼被添加到隊(duì)列中,等待JavaScript進(jìn)程空閑后,代碼才執(zhí)行

二、setInterval

1、上面代碼是指每隔200ms就創(chuàng)建一個(gè)執(zhí)行代碼的定時(shí)器
2、當(dāng)使用setInterval時(shí),僅當(dāng)(在隊(duì)列中)沒有該定時(shí)器的任何其他代碼實(shí)例時(shí),才將定時(shí)器代碼添加到隊(duì)列中,引用JavaScript高級(jí)程序設(shè)計(jì)第二版書中語句(即：當(dāng)前一個(gè)定時(shí)器代碼執(zhí)行時(shí),緊跟后面的第一個(gè)定時(shí)器代碼將添加到隊(duì)列中,等待執(zhí)行,再后面的定時(shí)器代碼不會(huì)添加到隊(duì)列中)

用setInterval來執(zhí)行反復(fù)的行為的時(shí)候會(huì)遇到一個(gè)問題：

當(dāng)定時(shí)器代碼執(zhí)行時(shí)間(假如需要600ms才執(zhí)行完)超過指定間隔(這里是200ms),那么某些定時(shí)器代碼就會(huì)被跳過(即后面的定時(shí)器代碼不會(huì)被添加到隊(duì)列中),前一個(gè)定時(shí)器代碼執(zhí)行完畢后,隊(duì)列中的定時(shí)器代碼立刻執(zhí)行,各定時(shí)器之間的代碼執(zhí)行沒有間隔。這時(shí)，需要使用鏈?zhǔn)絪etTimeout。

這樣做的好處是:前一個(gè)定時(shí)器要執(zhí)行的代碼執(zhí)行完且等待200ms后,才創(chuàng)建一個(gè)新的定時(shí)器,并把定時(shí)器代碼添加到隊(duì)列中執(zhí)行即：不會(huì)出現(xiàn)定時(shí)器代碼被跳過的情況;定時(shí)器之間的代碼執(zhí)行可以有間隔(根據(jù)自己設(shè)置)。

聲明：本網(wǎng)頁內(nèi)容旨在傳播知識(shí)，若有侵權(quán)等問題請及時(shí)與本網(wǎng)聯(lián)系，我們將在第一時(shí)間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com