jQuery是現(xiàn)在網(wǎng)頁開發(fā)中最常用的工具之一,它可以方便地操作DOM,實(shí)現(xiàn)多種動(dòng)態(tài)效果。但有時(shí)候我們需要控制某些代碼執(zhí)行的時(shí)間,這時(shí)候就需要用到setTimeout和clearTimeout了。
//用setTimeout實(shí)現(xiàn)延時(shí)執(zhí)行代碼的效果 var timer = setTimeout(function(){ console.log("執(zhí)行代碼"); }, 3000);
上面的代碼會在3秒后控制臺輸出“執(zhí)行代碼”,但如果我們在這3秒內(nèi)又想取消這個(gè)操作呢?這時(shí)候就可以用到clearTimeout。
//用clearTimeout取消延時(shí)執(zhí)行代碼的效果 clearTimeout(timer);
上面的代碼會取消setTimeout的執(zhí)行,從而避免不必要的代碼運(yùn)行。
setTimeout和clearTimeout是很常用的技巧,在寫異步代碼時(shí)會更加方便。在用jQuery的項(xiàng)目中也可以用來控制動(dòng)畫的執(zhí)行時(shí)間,避免出現(xiàn)卡頓的情況。