JavaScript中的定時(shí)器大家基本在平時(shí)的開發(fā)中都遇見過吧,但是又有多少人去深入的理解其中的原理呢?下面我們就來分析一下定時(shí)器的實(shí)現(xiàn)原理。
一、儲(chǔ)備知識(shí)
在我們?cè)陧?xiàng)目中一般會(huì)遇見過這樣的兩種定時(shí)器,第一種是setTimeOut,第二種是setInterval,這兩種定時(shí)器有如下的區(qū)別:
1、setTimeout允許設(shè)置一個(gè)超時(shí)對(duì)象,超時(shí)后執(zhí)行這個(gè)對(duì)象,但是只執(zhí)行一次,無周期
2、setInternval允許設(shè)置一個(gè)超時(shí)對(duì)象,超時(shí)后執(zhí)行這個(gè)對(duì)象,周期等于超時(shí)對(duì)象指定的時(shí)間,周期為無限循環(huán)
舉一個(gè)簡單的例子來說明一下:
<!DOCTYPE html> <html lang="en"> <head>