今天我們來(lái)聊一下如何使用jQuery制作一個(gè)計(jì)時(shí)器,在3秒后自動(dòng)跳轉(zhuǎn)到指定頁(yè)面。
$(document).ready(function(){ var time = 3; //設(shè)置倒計(jì)時(shí)時(shí)間 var timer = setInterval(function(){ if(time == 0){ clearInterval(timer); //清除計(jì)時(shí)器 window.location.; //跳轉(zhuǎn)到指定頁(yè)面 } $("#countdown").text(time+"秒后跳轉(zhuǎn)"); //更新倒計(jì)時(shí)顯示 time--; }, 1000); //每秒執(zhí)行一次 });
注:上面的代碼中,我們使用了setInterval()函數(shù)來(lái)每秒執(zhí)行一次內(nèi)部的代碼,同時(shí)我們用clearInterval()函數(shù)來(lái)清除計(jì)時(shí)器。我們還使用了jQuery的text()函數(shù)來(lái)更新倒計(jì)時(shí)的顯示,并用window.location.href來(lái)實(shí)現(xiàn)頁(yè)面跳轉(zhuǎn)。
好了,希望以上內(nèi)容對(duì)你有所啟發(fā),祝你編碼愉快!